Feature Enhancements
Build
#2205 Upgrade @carbon/react to 1.71.0
Carbon react has been upgraded to 1.17.0
Common Canvas
#2137 Enable Common Properties Right Flyout resize using drag
The Right Flyout can now be resized horizontally by dragging its left border.
To enable this behavior, set the enableRightFlyoutDragToResize canvas configuration field to true. The default value is false.
When hovering over the left border, the cursor will change to indicate that resizing is available. The flyout's width can then be adjusted by dragging the border, allowing it to expand or collapse. The maximum width the flyout can be dragged to is 70% of the total available width.
This shows the basic behavior for the right flyout in the test harness:
This shows the usage when Common Properties is used to provide the content in the right flyout:
When Common Properties provides the content, the user may also use the arrow buttons to size the flyout:
The resize button disappears as soon as flyout is resized by dragging. To restore the resize button flyout can be dragged back to its smallest possible width to interact with resize button to adjust as per width set in the paramDef.
#2252 Create a sample app that shows a prompt interface
A new sample application, called "Prompt", has been added to the test harness to display a prompt interface, where the user is prompted for the next node in the flow instead of having to drag nodes from the palette and create links. This uses the function in Common Canvas that allows the body of a node to be displayed as a React object.
#1438 Accessibility: Tabbing - Keyboard navigation of canvas objects (Part 2)
This feature implements extensive support for keyboard navigation with the flow editor and Common Canvas components in general. The keyboard user can now:
- Pan, zoom and zoom to fit the canvas
- Display a context menu or context toolbar for canvas object and the canvas background
- Move node and comments around on the canvas
- Size comments and node (when enabled)
- Add nodes to the canvas from the palette
- Create links between nodes
These functions are enabled when the enableKeyboardNavigation canvas config field is set to true. In the test harness this can be switched on in the 'Operational' section of the Common Canvas flyout in the test harness.
The shortcut keys used with Keyboard Navigation are documented in the Keyboard Support page of the documentation.
This feature can be thought of as a work in progress. The Design team will assess what has been implemented and feedback on any needed improvements or changes to keyboard shortcuts. Consequently, it is recommended that applications DO NOT enable this function for use by customers at this time.
Common Properties
- Just bug fixes
Issues Resolved
- Update docs with LFAI onboarding requirements by @akchinSTC in #1241
- #2232 Expression Builder: After editing in flyout, user needs to click icon twice to open Editor by @mikieyx in #2233
- #2235 Rtl panel migration-Part1 by @Jerinjk14 in #2217
- #2236 [SDG] Differential privacy ux issues - Fix font type for properties label by @veenas1 in #2237
- #2238 Write function to compare transform string in Cypress tests by @Jerinjk14 in #2225
- #2213 Table toolbar should not be shown for single select tables by @mikieyx in #2214
- #2205 Upgrade @carbon/react to 1.71.0 by @nmgokhale in #2243
- #2137 Resize Right Flyout using drag by @srikant-ch5 in #2224
- #2244 Dragging Bottom Panel beyond its max height hides Right Flyout Buttons by @srikant-ch5 in #2245
- #2246 Dragging Bottom Panel beyond its Max Height with Top Panel open hides Right Flyout Buttons by @srikant-ch5 in #2247
- #2252 Create a sample app that shows a prompt interface by @tomlyn in #2253
- #2250 Automatically show properties editor after choosing file from s… by @Jerinjk14 in #2251
- #2248 After table row is deleted, propertyListener callback has same … by @Jerinjk14 in #2249
- #2254 setPipelineFlow cannot work when only primary_pipeline changed by @tomlyn in #2255
- #1438 Accessibility: Tabbing - Keyboard navigation of canvas objects (Part 2) by @tomlyn in #2241
- #2257 Action Image alignment issue by @srikant-ch5 in #2258
- #2259 Common Properties Resize Button is not shown by @srikant-ch5 in #2260
New Contributors
- @Jerinjk14 made their first contribution in #2217
Full Changelog: v13.11.1...v13.12.0
