v13.6.0
Feature Enhancements
Common Canvas
#2022 Arrange Horizontal does not work when we have a detached link
The arrange horizontal and arrange vertical feature now handle fully-detached and semi-detached links appropriately. Previously the unattached ends of those types of link were left in their original positions. In this release, the ends of those links are moved to a position they would be in if they were attached to a node.
#2064 Enable new Comment type which supports a WYSIWYG
In this release, Elyra Canvas supports a new kind of comment called a WYSIWYG* comment. Applications can choose to support:
- the current type of comment (which may optionally include markdown syntax) OR
- the new WYSIWYG comments OR
- both.
A new canvas config field called enableWYSIWYGComments
has been added. When set to true the default context menu / context toolbar displayed when right-clicking on the canvas, will display a New WYSIWYG Comment
option. The default toolbar will not be changed.
The application can programmatically customize the canvas toolbar
and context menu
/ context toolbar
to issue the new actions "createWYSIWYGComment" and/or "createAutoWYSIWYGComment" which will do the same for WYSIWYG comments as their counterparts "createComment" or "createAutoComment" do for regular comments.
A sample application called "WYSIWYG Comments" has been added to the Test Harness which allows you to try out this new feature. You can see the code for it here which will show how the toolbar can be customized to add the "createAutoWYSIWYGComment" action.
WYSIWYG comments support the following formatting actions that are applied to the entire text entered for the comment:
- Font
- Font Size
- Bold
- Italics
- Underline
- Strikethrough
- Text color (choice of 64 colors including transparent)
- Align horizontally (left, center, right)
- Align Vertically (top, middle, bottom)
- Background color (choice of 64 colors including transparent)
- Outline (No outline, Solid outline)
Internally, a WYSIWYG comment is indicated by the presence of a "contentType" field set to "WYSIWYG" in the comment object in the pipeline flow. The comment can also have an array of format objects which contain elements that describe the formatting applied by the user.
More details are here:
https://github.ibm.com/NGP-TWC/wdp-abstract-canvas/issues/3810#issuecomment-86608709
- WYSIWYG stands for 'What You See Is What You Get'
#2076 Document that a ibm plex scss should be included when building an applications
The Loading Fonts section of the Initial Setup
page in the documentation has been updated to mention that applications should include these lines in their .scss
files when building.
$font-prefix: './fonts';
@import 'node_modules/@ibm/plex/scss/ibm-plex.scss';
Please make that addition to your application build process.
Common Properties
#2030 Add readOnly control in Common Properties
A new read_only
uihint has been added to Common Properties controls. Applying read_only
removes all the interactive functions from the component.
A control can be converted into a read-only control by adding “read_only”: true
in the uihints parameter_info
in the paramDef as shown below:
"uihints": {
"id": "Expressions.test",
"description": {
"default": "Test expression controls"
},
"parameter_info": [
{
"parameter_ref": "expression_readonly",
"read_only": true
}
]
}
Issues Resolved
- #2044 Miscellaneous changes to docs and sample apps by @tomlyn in #2045
- #2046 Miscellaneous improvements to sample apps by @tomlyn in #2047
- #2022 Arrange Horizontal does not work when we have a detached link by @tomlyn in #2048
- #2051 With Ports link method new links are being drawn like freeform by @tomlyn in #2052
- #2057 Downgrade Carbon by @caritaou in #2059
- #2053 Refactor display comments code to be like display nodes code by @tomlyn in #2054
- #2055 enableStraightLinksAsFreeform set to false by default - should … by @tomlyn in #2056
- Improved visibility of sample apps by @PRINCESANCHEZ in #2037
- #2030 Add readOnly control in Common Properties by @srikant-ch5 in #2032
- #2066 RangeError when editing after validating incorrect expression by @veenas1 in #2067
- #2062 Checkboxset in Common Properties should support helperText by @srikant-ch5 in #2063
- #2064 Enable new Comment type which supports a WYSIWYG editor by @tomlyn in #2065
- #2070 Chevron positioned incorrectly in context menu with icon by @tomlyn in #2071
- 2072 Use of createRoot causing errors with React 17 by @tomlyn in #2073
- #2068 Change background Color for Dropdown and Table Search in Tearsheet by @srikant-ch5 in #2069
- #2049 Use React Testing Library for common-properties tests - Part 1 - Components by @mikieyx in #2050
- #2060 Open Expression Editor in a Tearsheet. by @srikant-ch5 in #2061
- #2074 Text toolbar dropdown menus not fully displayed when toolbar ne… by @tomlyn in #2075
- #2076 Document that a ibm plex scss should be included when building … by @tomlyn in #2077
New Contributors
- @PRINCESANCHEZ made their first contribution in #2037
Full Changelog: v13.5.0...v13.6.0