v13.1.0

Common Canvas

#1943 Feature request: Allow categories[0].node_types[0].app_data.ui_data.image to receive an object as well

Node images can now be provided as JSX objects.
See documentation here:
https://elyra-ai.github.io/canvas/01.01.01-nodes/#node-image
https://elyra-ai.github.io/canvas/03.06.01-node-customization/#node-image-as-jsx

#1997 Apply class to objects being moved by dragging

A class called "d3-is-moving" is now applied to the group <g>object of nodes and/or comments when they are being dragged to a new position.

Common Properties

#1908 Added Table toolbar for properties tables

• Common-properties tables will show a toolbar when 1+ rows are selected in tables which have either Add/remove buttons, row move buttons, or multi select editable tables.
• Table toolbar replaces table header (which has Add button and Search container). To see the Add button again, user will have to click Cancel button in Table toolbar to clear row selections.
• In case of multi select edit rows, Edit button will show up in the toolbar. Clicking on Edit button in table toolbar will open a subpanel where users can edit multi-select editable fields. At this time, edit button in selected rows will be disabled.

• For list control in small flyout, showing # item in table toolbar -

• For Fieldpicker and Expression field/function tables, Table toolbar is not shown because there aren't any batch actions (delete, row move) possible for these tables -

#1993 Removed deprecated formData and inputDataModel code from common-properties

We have removed deprecated propertiesInfo.formData code from common-properties. If your application is still using formData, please replace it with propertiesInfo.parameterDef.

Here’s the documentation about parameter definition - https://elyra-ai.github.io/canvas/04.01-parameter-definition/
You can also refer to the example parameter definitions in test harness.

Test Harness

#1947 Toggle between Light and Dark Mode in Test Harness.

A new Toggle is added in Test Harness which can be used to switch between Light mode and Dark mode.
Default state is light mode and when clicked it will switch to dark mode.

Issues Resolved

• #1902 Comment text truncated in sample apps and canvas test files by @tomlyn in #1903
• #1891 Enable multiple undo/redo button and panel by @tomlyn in #1904
• #1912 Fix unit tests after @carbon/react 1.56.0 upgrade by @nmgokhale in #1913
• #1909 New common-canvas documentation required (part 2) by @tomlyn in #1910
• #1915 When publish 12.x versions add a tag to avoid defaulting to latest by @Paul-Kawalkowski in #1916
• #1911 Add a Docs button to the test harness by @tomlyn in #1914
• #1893 New common-canvas documentation required - toolbar by @tomlyn in #1917
• #1900 Use RTL in notification-panel tests by @srikant-ch5 in #1901
• #1893 New common-canvas documentation required - node & comment custo… by @tomlyn in #1921
• #1923 Palette node tooltips not working in Tiny App by @tomlyn in #1926
• #1893 New common-canvas documentation required - tidy up, new footer,… by @tomlyn in #1929
• #1893 New common-canvas documentation required - supernodes change by @tomlyn in #1930
• #1925 Delta Translations by @Paul-Kawalkowski in #1924
• #1893 New common-canvas documentation required - final cleanup by @tomlyn in #1934
• #1935 Show/Hide password label is not translated in Passwordfield v13 by @srikant-ch5 in #1936
• #1945 Fixed multiselect infinite loop after after Carbon v11.57.0 update by @nmgokhale in #1946
• #1919 Scroll Alert into view in Common Properties when clicked on an Alert Link by @srikant-ch5 in #1920
• #1938 Add GIFs to docs for different selection gestures by @tomlyn in #1939
• #1951 Miscellaneous documentation improvements by @tomlyn in #1952
• #1941 Fix warning in console in harness right flyout by @srikant-ch5 in #1942
• #1943 Feature request: Allow categories[0].node_types[0].app_data.ui_… by @tomlyn in #1944
• #1943 Feature request: Allow categories[0].node_types[0].app_data.ui_… by @tomlyn in #1953
• 1954 Documentation for JSX Icons by @tomlyn in #1955
• #1954 Documentation for JSX Icons - part 2 by @tomlyn in #1956
• #1961 Ensure common-canvas uses for focus color by @tomlyn in #1962
• #1963 In Elyra Canvas v13.0.0 node labels and decoration labels have … by @tomlyn in #1964
• #1959 Cascade chevron in context toolbar overflow menu is low for Edi… by @tomlyn in #1960
• #1957 Notification Center becomes hidden when zooming with side panel… by @tomlyn in #1958
• #1965 The tip config checkboxes in the test harness don't work on v13 by @tomlyn in #1966
• #1970 Replace light prop with Layer component in Carbon components by @nmgokhale in #1971
• #1968 Canvas background context toolbar should disappear when mouse c… by @tomlyn in #1969
• #1949 Code-mirror-replacement text and highlighting doesn't look correct in dark mode by @veenas1 in #1950
• #1947 Test Harness should support Light and Dark Mode. by @srikant-ch5 in #1948
• #1974 Errors appear when editing Cypress files by @tomlyn in #1975
• #1977 Select appropriate color tokens for vertical nodes in test harn… by @tomlyn in #1978
• #1908 Added table toolbar for properties tables by @nmgokhale in #1922
• #1972 Resolve Error message during validations in Common Properties by @srikant-ch5 in #1973
• #1979 In Safari, error occurs when moving mouse over open edit area by @tomlyn in #1980
• #1976 Miscellaneous docs changes by @tomlyn in #1983
• #1981 Fixed unable to see tooltip for table headers having checkbox by @nmgokhale in #1982
• #1984 Update readme for @elyra/canvas for NPM documentation by @nmgokhale in #1985
• #1976 Miscellaneous docs changes by @tomlyn in #1986
• #1989 Fix Typo in Elyra docs. by @srikant-ch5 in #1990
• #1991 Cabon React Nodes sample app -- cannot reconnect links from/to … by @tomlyn in #1992
• #1995 deprecation findDOMNode in React.StrictMode prevents edit by @tomlyn in #1996
• #1993 Removed deprecated formData and inputDataModel code from common-properties by @nmgokhale in #1994
• #1997 Apply class to objects being moved by dragging by @tomlyn in #1998

Full Changelog: v13.0.0...v13.1.0