Skip to content

release_12.28.0
Compare
Choose a tag to compare
@tomlyn tomlyn released this 04 Apr 23:30
· 416 commits to main since this release
release_12.28.0
dc827de
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Feature Enhancements

Common-Canvas

#1410 User request: Add Show/Hide Comments

Some host applications want to enable their users to temporarily switch off and switch on the display of comments.

To enable this, three new methods have been added to the canvas controller:

// Hides all comments on the canvas.
hideComments()

// Shows all comments on the canvas - if they were previously hiding.
showComments()

// Returns true if comments are currently hiding.
isHidingComments()

These allow the host application to hide and shows the comments (and any links from comments to nodes) and also query whether the comments are currently hidden or not.

If your application wants to show this function in the toolbar as a button, you can add the following to the toolbar config that is passed as a prop to <CommonCanvas>:

toolbarConfig = [
       (this.canvasController.isHidingComments()
           ? { action: "commentsHide", label: "Hide comments", enable: true }
            : { action: "commentsShow", label: "Show comments", enable: true })
];

Specifying the action field as either commentsShow and commentsHide will tell common canvas to automatically display the appropriate icon in the toolbar. When either icon is clicked common-canvas will execute the appropriate canvas controller method to hide or show the comments.

Note: If the comments are hidden it doesn't alter the pipeline flow object returned by canvasController.getPipelineFlow(). The object will still contain all the comments.

This is how it looks:

Apr-04-2023 15-40-18

Common-Properties

#1406 Add Date Picker control to Common Properties

A Datepicker control will be rendered if the control type is set to control=datepicker.

image

A Datepicker control with a range will be rendered if the control type is set to control=datepickerRange.
image

The date format can be specified in the uihint date_format field. This defaults to Y-m-d. Datepicker internally uses Flatpickr, so the date tokens differ from the datefield and timefield controls. Only a subset of the tokens are supported in common properties: Y, y, m, n, d, and j. See Flatpickr’s documentation https://flatpickr.js.org/formatting/#date-formatting-tokens. Only valid inputs are accepted, any invalid dates will be adjusted to a valid date.

#1402 Accessibility: Tooltip element's role 'none' is not a widget role

Fixed accessibility violation Tooltip element's role 'none' is not a widget role in all common-properties tooltips.

Issues Resolved

#1406 Support default datepicker date format if not specified (#1426)
#1420 Update how test harness processes scss for HMR (#1421)
#1424 Unable to single left-click and select node in read-only mode (#1425)
#1406 Add datepicker to properties (#1407)
#1422 Updated Translations - CPD 4.7 (#1423)
#1414 Extend 'convertValueDataTypes' support to 'setPropertyValues' (#1415)
#1418 Add new config option to filter specific returned values (#1419)
#1416 Removed control label spacing (#1417)
#1387 Update tooltips to show overflow in textfields and table headers (#1409)
#1410 User request: Add Show/Hide Comments (#1411)
#1412 Context menu gesture on hotspot decoration should open context menu for underlying node or link (#1413)
#1402 Accessibility: Fixed Tooltip element's role 'none' is not a widget role (#1403)
#1404 Node not selected when ellipsis icon is clicked with enableDragWithoutSelect: true (#1405)
#1400 Updated propertiesConfig are not saved (#1401)

Assets 2
Loading