@elyra/canvas 12.31.1 → 12.32.0

package/src/common-canvas/cc-context-toolbar.jsx

@@ -19,7 +19,7 @@ import PropTypes from "prop-types";
 import { connect } from "react-redux";
 import Toolbar from "../toolbar/toolbar.jsx";
 import Logger from "../logging/canvas-logger.js";
-import ColorPickerPanel from "../color-picker/color-picker-panel.jsx";
+import ColorPicker from "../color-picker";
 
 const CM_TOOLBAR_GAP = 4;
 const CM_ICON_SIZE = 32;
@@ -47,27 +47,8 @@ class CommonCanvasContextToolbar extends React.Component {
 
 	getToolbarConfig({ toolbarItems, overflowMenuItems }) {
 		const leftBar = [];
-		toolbarItems.forEach((item) => {
-			leftBar.push(this.getMenuItem(item));
-		});
-
-		// Records if we have just displayed a divider. This is useful because we
-		// only want to display one divider if there is a divider element
-		// immediately after another divider element in the overflowMenuItems array.
-		let previousDivider = false;
-
-		overflowMenuItems.forEach((item) => {
-			if (item.divider) {
-				if (!previousDivider) {
-					leftBar.push({ divider: true });
-					previousDivider = true;
-				}
-			} else {
-				leftBar.push(this.getMenuItem(item));
-				previousDivider = false;
-			}
-		});
-
+		toolbarItems.forEach((item) => leftBar.push(this.getMenuItem(item)));
+		overflowMenuItems.forEach((item) => leftBar.push(this.getMenuItem(item)));
 		return {
 			leftBar: leftBar,
 			rightBar: []
@@ -75,19 +56,28 @@ class CommonCanvasContextToolbar extends React.Component {
 	}
 
 	getMenuItem(menuItem) {
+		if (menuItem.divider) {
+			return { divider: true };
+		}
 		const subPanel = this.getSubPanel(menuItem);
-		const subMenu = !subPanel && menuItem.submenu ? this.getSubMenu(menuItem) : null;
-		return { action: menuItem.action, label: menuItem.label, subMenu, subPanel, enable: this.getEnable(menuItem), iconEnabled: menuItem.icon };
+		const subMenu = !subPanel && menuItem.menu ? this.getSubMenu(menuItem) : null;
+		return {
+			action: menuItem.action,
+			label: menuItem.label,
+			subMenu: subMenu,
+			subPanel: subPanel,
+			enable: this.getEnable(menuItem),
+			iconEnabled: menuItem.icon
+		};
 	}
 
 	getSubPanel(menuItem) {
 		if (menuItem.action === "colorBackground") {
-			return this.buildColorPickerPanel();
+			return this.buildColorPicker();
 		}
 		return null;
 	}
 
-
 	getSubMenu(menuItem) {
 		if (typeof menuItem.menu === "object") {
 			return menuItem.menu.map((option) => {
@@ -114,12 +104,41 @@ class CommonCanvasContextToolbar extends React.Component {
 		const overflowItemCount = overflowMenuItems.length > 0 ? 1 : 0;
 		const toolbarItemsCount = toolbarItems.length + overflowItemCount;
 
-		// If we have some overflow menu items, we reduce the width by one pixel
-		// which forces the overflow menu and the overflow icon to be shown.
-		const reduction = overflowMenuItems.length > 0 ? 1 : 0;
+		// If we have some overflow menu items, we reduce the width by five pixels
+		// which forces the overflow menu and the overflow icon to be shown. We
+		// use 5 pixels because this is how many are needed to make the toolbar
+		// work correcty with differnet browser magnificaitons.
+		const reduction = overflowMenuItems.length > 0 ? 5 : 0;
 		return (toolbarItemsCount * (CM_ICON_SIZE + CM_ICON_PAD)) - reduction;
 	}
 
+	// Removes leading and trailing dividers from the items array and any
+	// remaining places where there are consecutive dividers are reduced to a
+	// single divider. These unecessary dividers may occur because the app's
+	// contextMenuHandler may return an array which result in these being left
+	// in the overflowItems array.
+	removeUnnecessaryDividers(items) {
+		const start = items.findIndex((item) => !item.divider);
+		const end = items.findLastIndex((item) => !item.divider);
+		const trimmedItems = items.slice(start, end + 1);
+
+		const outItems = [];
+		let previousDivider = false;
+
+		trimmedItems.forEach((item) => {
+			if (item.divider) {
+				if (!previousDivider) {
+					outItems.push(item);
+				}
+				previousDivider = true;
+			} else {
+				outItems.push(item);
+				previousDivider = false;
+			}
+		});
+		return outItems;
+	}
+
 	toolbarActionHandler(action, editParam) {
 		this.props.canvasController.setMouseInContextToolbar(false);
 		this.props.canvasController.closeContextToolbar();
@@ -130,9 +149,9 @@ class CommonCanvasContextToolbar extends React.Component {
 		this.toolbarActionHandler("colorSelectedObjects", { color });
 	}
 
-	buildColorPickerPanel() {
+	buildColorPicker() {
 		return (
-			<ColorPickerPanel clickActionHandler={this.colorClicked} />
+			<ColorPicker clickActionHandler={this.colorClicked} />
 		);
 	}
 
@@ -153,9 +172,9 @@ class CommonCanvasContextToolbar extends React.Component {
 
 		if (this.props.showContextMenu) {
 			const toolbarItems = this.props.contextMenuDef.filter((cmItem) => cmItem.toolbarItem && !cmItem.divider);
-			const overflowMenuItems = this.props.contextMenuDef.filter((cmItem) => !cmItem.toolbarItem);
+			let overflowMenuItems = this.props.contextMenuDef.filter((cmItem) => !cmItem.toolbarItem);
+			overflowMenuItems = this.removeUnnecessaryDividers(overflowMenuItems);
 			const toolbarConfig = this.getToolbarConfig({ toolbarItems, overflowMenuItems });
-
 			const toolbarWidth = this.getContextToolbarWidth(toolbarItems, overflowMenuItems);
 
 			// Note: cmPos is already adjusted as a starting point for the context
@@ -173,6 +192,7 @@ class CommonCanvasContextToolbar extends React.Component {
 					<Toolbar
 						config={toolbarConfig}
 						instanceId={this.props.canvasController.getInstanceId()}
+						containingDivId={this.props.containingDivId}
 						toolbarActionHandler={this.toolbarActionHandler}
 						tooltipDirection={"top"}
 						size={"sm"}

package/src/common-canvas/cc-right-flyout.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/cc-state-tag.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/cc-text-toolbar.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -23,7 +23,6 @@ import defaultToolbarMessages from "../../locales/toolbar/locales/en.json";
 import Toolbar from "../toolbar/toolbar.jsx";
 import CanvasUtils from "../common-canvas/common-canvas-utils.js";
 import Logger from "../logging/canvas-logger.js";
-import { OverflowMenu, OverflowMenuItem } from "carbon-components-react";
 import { Code32, Link32, ListBulleted32, ListNumbered32, TextIndentMore32,
 	TextBold32, TextItalic32, TextScale32, TextStrikethrough32 } from "@carbon/icons-react";
 
@@ -61,23 +60,17 @@ class CommonCanvasTextToolbar extends React.Component {
 		const quoteLabel = this.getJsxLabel("texttoolbar.quoteAction", "shift + >");
 		const numberedListLabel = this.getJsxLabel("texttoolbar.numberedListAction", "shift + 7");
 		const bulletedListLabel = this.getJsxLabel("texttoolbar.bulletedListAction", "shift + 8");
-		const headerOptions = (
-			<div>
-				<OverflowMenu id={"headerMenu"} iconDescription={""} renderIcon={TextScale32} size={"sm"}>
-					<OverflowMenuItem itemText={this.getLabel("texttoolbar.titleAction")} onClick={(evt) => this.props.actionHandler("title", evt)} />
-					<OverflowMenuItem itemText={this.getLabel("texttoolbar.headerAction")} onClick={(evt) => this.props.actionHandler("header", evt)} />
-					<OverflowMenuItem itemText={this.getLabel("texttoolbar.subheaderAction")} onClick={(evt) => this.props.actionHandler("subheader", evt)} />
-					<OverflowMenuItem itemText={this.getLabel("texttoolbar.bodyAction")} onClick={(evt) => this.props.actionHandler("body", evt)} />
-				</OverflowMenu>
-				<svg className="text-toolbar-tick-svg">
-					<path d="M 31 31 L 31 25 25 31 Z" className="text-toolbar-tick-mark" />
-				</svg>
-			</div>
-		);
+
+		const headerOptions = [
+			{ action: "title", label: this.getLabel("texttoolbar.titleAction"), enable: true },
+			{ action: "header", label: this.getLabel("texttoolbar.headerAction"), enable: true },
+			{ action: "subheader", label: this.getLabel("texttoolbar.subheaderAction"), enable: true },
+			{ action: "body", label: this.getLabel("texttoolbar.bodyAction"), enable: true }
+		];
 
 		return {
 			leftBar: [
-				{ action: "header", tooltip: headerLabel, jsx: headerOptions },
+				{ action: "headerStyle", tooltip: headerLabel, enable: true, subMenu: headerOptions, closeSubAreaOnClick: true, iconEnabled: (<TextScale32 />) },
 				{ divider: true },
 				{ action: "bold", label: boldLabel, enable: true, iconEnabled: (<TextBold32 />) },
 				{ action: "italics", label: italicsLabel, enable: true, iconEnabled: (<TextItalic32 />) },

package/src/common-canvas/cc-toolbar.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/cc-tooltip.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/common-canvas-utils.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/common-canvas.scss

@@ -144,12 +144,18 @@ $panel-border-color: $ui-03;
 // Below, we have to override the Carbon button's focus highlighting in the
 // context toolbar to get a complete border around the overflow icon. This is
 // necessary because the width allocated to the context toolbar is reduced by
-// one pixel to force the overflow icon to be displayed. 
+// five pixels to force the overflow icon to be displayed.
 .context-toolbar  {
 	.toolbar-overflow-item {
 		button:focus {
 			border-color: transparent;
-			box-shadow: inset 0 0 0 1px $interactive-01, inset 0 0 0 2px $interactive-01
+			box-shadow: inset 2px 2px $interactive-01, inset -6px -2px $interactive-01;
+		}
+		// Set padding so overflow icon appears in the center (horizontally). This
+		// offsets the 5px which are set in the code to make the overflow icon
+		// be generated correctly.
+		.toolbar-item-content {
+			padding-left: 4px;
 		}
 	}
 }
@@ -174,19 +180,6 @@ $panel-border-color: $ui-03;
 			padding-right: 0px;
 		}
 	}
-
-	.text-toolbar-tick-svg {
-		position: absolute;
-		top: 0;
-		left: 0;
-		height: 32px;
-		width: 32px;
-		pointer-events: none;
-	}
-
-	.text-toolbar-tick-mark {
-		fill: $interactive-02;
-	}
 }
 
 .text-toolbar  {

package/src/common-canvas/constants/canvas-constants.js

@@ -178,6 +178,7 @@ export const TOOLBAR_REDO = "redo";
 export const TOOLBAR_CUT = "cut";
 export const TOOLBAR_COPY = "copy";
 export const TOOLBAR_PASTE = "paste";
+export const TOOLBAR_CLIPBOARD = "clipboard";
 export const TOOLBAR_CREATE_COMMENT = "createComment";
 export const TOOLBAR_CREATE_AUTO_COMMENT = "createAutoComment";
 export const TOOLBAR_SET_COMMENT_EDIT_MODE = "setCommentEditingMode";

package/src/common-canvas/d3-zoom-extension/.eslintrc.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/label-util.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/local-storage.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/svg-canvas-d3.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -39,7 +39,7 @@ export default class SVGCanvasD3 {
 				!this.canvasInfo ||
 				canvasInfo.id !== this.canvasInfo.id ||
 				(this.renderer && this.renderer.pipelineId !== this.canvasController.getCurrentBreadcrumb().pipelineId) ||
-				!ConfigUtils.compareCanvasConfigs(this.config, config)) {
+				!ConfigUtils.compareCanvasConfigsOmitFields(this.config, config)) {
 			this.logger.logStartTimer("initializing");
 
 			this.canvasInfo = this.cloneCanvasInfo(canvasInfo);

package/src/common-canvas/svg-canvas-d3.scss

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/svg-canvas-pipeline.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/svg-canvas-renderer.js

@@ -2337,21 +2337,31 @@ export default class SVGCanvasRenderer {
 		// If we are dragging an 'insertable' node, set it to be translucent so
 		// that, when it is dragged over a link line, the highlightd line can be seen OK.
 		if (this.isExistingNodeInsertableIntoLink()) {
-			this.existingNodeInsertableIntoLink = true;
-			this.setNodeTranslucentState(this.dragObjects[0].id, true);
-			this.setDataLinkSelectionAreaWider(true);
+			// Only style the node to be translucent if this action isn't cancelled
+			// by the user releasing the mouse button within 200 ms of pressing it.
+			// This stops the node flashing when the user is only selecting it.
+			this.startNodeInsertingInLink = setTimeout(() => {
+				this.existingNodeInsertableIntoLink = true;
+				this.setNodeTranslucentState(this.dragObjects[0].id, true);
+				this.setDataLinkSelectionAreaWider(true);
+			}, 200);
 		}
 
 		// If we are dragging an 'attachable' node, set it to be translucent so
 		// that, when it is dragged over link lines, the highlightd lines can be seen OK.
 		if (this.isExistingNodeAttachableToDetachedLinks()) {
-			this.existingNodeAttachableToDetachedLinks = true;
-			const mousePos = this.getTransformedMousePos(d3Event);
-			this.dragPointerOffsetInNode = {
-				x: mousePos.x - this.dragObjects[0].x_pos,
-				y: mousePos.y - this.dragObjects[0].y_pos
-			};
-			this.setNodeTranslucentState(this.dragObjects[0].id, true);
+			// Only style the node to be translucent if this action isn't cancelled
+			// by the user releasing the mouse button within 200 ms of pressing it.
+			// This stops the node from when the user is only selecting it.
+			this.startNodeAttachingToDetachedLinks = setTimeout(() => {
+				this.existingNodeAttachableToDetachedLinks = true;
+				const mousePos = this.getTransformedMousePos(d3Event);
+				this.dragPointerOffsetInNode = {
+					x: mousePos.x - this.dragObjects[0].x_pos,
+					y: mousePos.y - this.dragObjects[0].y_pos
+				};
+				this.setNodeTranslucentState(this.dragObjects[0].id, true);
+			}, 200);
 		}
 	}
 
@@ -2453,6 +2463,12 @@ export default class SVGCanvasRenderer {
 		// Set to false before updating object model so main body of displayNodes is run.
 		this.dragging = false;
 
+		// Cancels the styling of insertable/attachable nodes if the user releases
+		// the mouse button with 200 milliseconds of pressing it on the node. This
+		// stops the node flashing when the user just selects the node.
+		clearTimeout(this.startNodeInsertingInLink);
+		clearTimeout(this.startNodeAttachingToDetachedLinks);
+
 		// If the pointer hasn't moved and enableDragWithoutSelect we interpret
 		// that as a select on the object.
 		if (this.dragOffsetX === 0 &&

package/src/common-canvas/svg-canvas-utils-comments.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/svg-canvas-utils-decs.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/svg-canvas-utils-display.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/svg-canvas-utils-links.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/svg-canvas-utils-markdown.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/svg-canvas-utils-nodes.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-canvas/svg-canvas-utils-textarea.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -184,7 +184,7 @@ export default class SvgCanvasTextArea {
 
 		const mdObj = SvgCanvasMarkdown.processMarkdownAction(action, text, start, end);
 		if (mdObj) {
-			CanvasUtils.stopPropagationAndPreventDefault(evt);
+			evt.preventDefault();
 			this.addTextToTextArea(mdObj, commentEntryElement);
 		}
 	}

package/src/common-properties/actions/action-factory.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/actions/actions.scss

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/actions/button/button.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/actions/button/button.scss

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/actions/button/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/actions/image/image.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/actions/image/image.scss

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/actions/image/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/actions.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/common-properties.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/components.scss

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/control-item/control-item.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/control-item/control-item.scss

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/control-item/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/editor-form/editor-form.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/editor-form/editor-form.scss

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -34,6 +34,7 @@ $primary-tab-height: $spacing-08;
 	.properties-single-category {
 		height: 100%;
 		.properties-sub-tab-container {
+			position: relative;
 			height: 100%;
 		}
 		.properties-subtabs {

package/src/common-properties/components/editor-form/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/empty-table/empty-table.jsx

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/src/common-properties/components/empty-table/empty-table.scss

@@ -1,5 +1,5 @@
 /*
- * Copyright 2017-2022 Elyra Authors
+ * Copyright 2017-2023 Elyra Authors
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.