release_12.23.0
Feature Enhancements
Common-Canvas
#1207 Allow enter/return key to finalizes text entry into a label decoration
The host application can now specify that, if the user presses the return/enter key while editing either a node label or a label decoration, the editing will be completed and the newly entered text saved: the same as if the user had clicked on the canvas background to complete the editing.
The function can be switched on as follows:
For node labels, in the canvas config object, the enableNodeLayout
field called labelAllowReturnKey
can be set to the string "save"
like this:
const config = {
enableNodeLayout: {
labelAllowReturnKey: "save"
}
}
For label decorations, in the decoration object, the field label_allow_return_key
can be set to the string "save"
like this:
const decoration = {
"id": "123",
"label": "Some text",
"label_editable": true,
"label_allow_return_key": "save"
};
#1185 Implement recommended icon-display and mouse behaviors for canvas
The display of the mouse cursor icons has been changed to comply with the canvas recommendations here:
https://pages.github.ibm.com/cdai-design/pal/patterns/canvas/cursor-settings/
In addition, a new interaction setting called “Carbon” has been added for the enableInteractionType
config setting in the common-canvas config object. This setting implements the pan and region-select behaviors specified in the canvas recommendations here:
https://pages.github.ibm.com/cdai-design/pal/patterns/canvas/cursor-settings/
Thus, setting enableInteractionType
to “Carbon” will provide the following behavior:
- A mouse down and drag gesture on the canvas background will initiate a “region select” where a rectangle appears which can be used to select multiple canvas objects.
- If the user wants to pan the canvas (up/down or left/right) they must press and hold the space bar and then mouse down and drag on the canvas background.
Here are the details: https://github.com/elyra-ai/canvas/wiki/2.1-Config-Objects#enableinteractiontype
By the way, the “Trackpad” setting for the enableInteractionMode
config field is now deprecated and will be removed in a future release.
Common-Properties
#1215 Support info icons in table headers
Table header descriptions, if provided, were previously displayed in the tooltip as part of the label tooltip. In this new release, the description will now appear in a tooltip by clicking on the info icon next to the label.
#1217 Support info icons in expression builder functions and values table headers
Following the changes from #1215, the expression builder functions and values tables now support displaying the description in a tooltip by clicking on the info icon.
The default for “Fields” and “Recently Used” is an empty description. No info icon will be displayed.
To set a description for these, the application will need to override their resource files for the keys "expression.field.column.description" and "expression.value.column.description".
To set the description for fields, add a description to the expression info for the corresponding label. See the expression info schema https://github.com/elyra-ai/pipeline-schemas/blob/main/common-canvas/expression/expression-info-v3-schema.json#L99
Issues Resolved
#1223 Maintain current default setting for enableInteractionType in c… (#1224)
#1218 Comment link IDs should be persisted when getPipelineFlow is called (#1220)
#1217 Support info icons in expression table headers with custom labels (#1219)
#1215 Support info icons in table header labels (#1216)
#1185 Implement recommended icon-display and mouse behaviors for canvas (#1190)
#1214 Fix Tearsheet to render on visibility condition (#1212)
#1210 Added padding for empty table placeholder text (#1211)
#1207 Allow enter/return key to finalizes text entry into a label dec… (#1208)
#1205 Edit icon for link name translates very far away upon long name (#1206)
#1188 Labels are missing in toggle control (#1189)
#1203 CanvasController.setNodeProperties() should cause layoutHandler callback to be called (#1204)
#1199 Context menu should appear when ellipsis button clicked on Firefox (#1200)
#1201 Set controls in tearsheet panel (#1202)