The goal  is to create a custom toolbox for the SWF Editor available in edit mode only. 

The scope of this JIRA is restricted to the toolbox component creation, it's look and feel and behavior. 

Note: There are known issues with the node drag and drop / creation / delete, fixing those is not in the scope of this JIRA. Please check the epic KOGITO-8457.

Proposed look and feel and Scope:

• Related Fixes and Adjustments
  • Node creation shall be done only from the toolbox
    • The Node Palette on the left upper corner of the canvas shall be removed/disabled.
  • Node morphing is not supported so the morphing icon shall not be presented
  • Fix tooltip texts that are out of alignment. The text must be centered into the tooltip box.

• Toolbox
  • The icons shall follow the current look and feel of states and transitions.
  • Only outgoing connections are supported.
  • Not supported:
    • "Transition only" creation is not supported.
    • Notice once creating any state from the toolbox, the new shape is not properly layouted, the auto-layout is not yet being called (see KOGITO-8457)
    • Node drag-and-drop is not supported from the toolbox (because of the strict auto-layout) 
  • Shall be presented on top-right (EAST-NORTH) of the node
  • When available (rules dependent), it shall be displayed when a node is selected and should be destroyed when the node is deselected.
  • Node connections shall be grouped by transition types and  the available nodes for creation shall be displayed in a drop-right menu when the cursor hovers one of the transition icons.
  • When the cursor is over an action item the tooltip shall be displayed presenting meaningful information about the action item.
  • Actions should be triggered when the user clicks on an action item.
  • End nodes won't be created from the toolbox.

How to test:

Build the editor with the "Edit mode" enabled (Read-only flag in the the DiagramEditor class)

Acceptance criteria

The toolbox is present and works in edit mode as per details above.