Skip to content

v13.10.0
Compare
Choose a tag to compare
@tomlyn tomlyn released this 26 Sep 23:51
· 47 commits to main since this release
v13.10.0
68b04c0
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.

Feature Enhancements

Build

#2180 Upgrade to react-redux@8

Elyra Canvas has been upgraded to use react redux v8 . Please npm install to pick up the latest.

Common Canvas

#2170 Toolbar to support Toggletip, and it should popup like tooltip

The behavior of toolbar tooltips has been changed. The mouse cursor can now be ‘hovered over’ the tooltip, and the tooltip will remain displayed until the mouse cursor is moved away from the tooltip.

This allows applications to display action items (such as buttons or links) within the body of the tooltip. The user can then hover the mouse over the tooltip and click the action item or even select text in the tooltip and copy it to the clipboard.

The body of the tooltip can be provided using the currently supported tooltip field for the toolbar button — this can be either text or a JSX expression. An example of this has been added to the ‘SubAreas’ sample toolbar in the Test Harness. Here is the JSX expression and this is how it is included in the toolbar.

image

#2176 Add button to node palette

A new canvas config field called enablePaletteHeader has been added in this release. This can be set to a JSX object which will be displayed in the palette, positioned below the Search bar and above the categories and nodes. This JSX can be used to display, say, a button for launching a data browser.

The palette header is only displayed when the palette is in its wide mode and it is not displayed when the user searches nodes using the search bar.

An example of this has been added to the Stages sample application in the Test Harness:

image

#2172 Make automatic focus on CommonCanvas opt-out

The current behavior of Common Canvas is that keyboard focus is set on the flow editor when Common Canvas first appears to force keyboard shortcuts to go the the canvas without the user having to click on the canvas first. Some applications do not want that behavior.

A new canvas config field called enableFocusOnMount has been added. This is a booelan that default to true which means the keyboard focus will automatically be set on the flow editor part of the UI when Common Canvas is first created. Setting it to false disables this behavior.

    const canvasConfig = {
        enableFocusOnMount: false
    };

#2132 Need ability to add custom icon to notificationConfig

and

#2151 Allow applications to customize the default toolbar buttons' icons, position in toolbar, etc.

Currently, Common Canvas automatically adds to the canvas toolbar:

  • a palette icon (to the far left of the toolbar) when a palette is configured
  • a notification icon (to the far right of the toolbar) when a notification panel has been configured

Previously the application could not customize these icons. In this release, the icon and other attributes that are used for the toolbar buttons can now be customized. This can be done by specifying an entry in the toolbar config (in either the leftBar or rightBar arrays) using the actions togglePalette and toggleNotificationPanel.

Here's an example showing a customized palette icon (with label) and a customized Notification Panel icon:

image

See the documentation

#2158 Update palette open/close icon in toolbar

As agreed by the Elyra Canvas design council the icons for opening and closing the palette have been changed to use icons with little arrows showing the direction.

image
image

#2146 Add a Configuration flag to allow a scroll bar for Annotations and Comments

In this release, comments (either regular or WYSIWYG), will become scrollable if their dimensions are too small to fit the contents. This is now the default behavior and cannot be turned off. When a comment is scrollable and the mouse is hovered over the comment the scroll gesture will scroll the text however if the comment is not scrollable (because its dimensions are big enough for the text) the scroll gesture will zoom the canvas, as before.

comments

In addition, some applications do not want the auto-size feature which automatically increases the size of the comment to accommodate text as it is entered. The auto-size feature can be switched off by setting the commentAutoSize in the canvasLayout field, thus:

    const canvasConfig = {
        enableCanvasLayout: {
            commentAutoSize: false
        }    
    }

#2140 WYSIWYG comment should show current parameter selections

The toolbar for WYSIWYG comments now shows the current selections for the toolbar controls . For example, like this:

image

For colors and 'boolean' values like bold like this:

image

Common Properties

Just bug fixes

Issues Resolved

Full Changelog: v13.9.1...v13.10.0

Contributors

tomlyn, srikant-ch5, and 3 other contributors
Assets 2
Loading