kie-issues#738: Test Scenario Editor: Bee Table integration with Selector Panel

[yesamer]

Closes: apache/incubator-kie-issues#738

DEMO https://yesamer.github.io/prototypes/scesim-editor/

In this PR:

• Introduced new API to manage onClick and onKey events in the BeeTable
• Fixed a bug in BeeTable related to InsertDirection logic
• When selecting an EMPTY column, the selector will show all the available Data Fields (that are not already assigned in the table)
• When selecting an assigned column, the selector points to the selected property
• It's now possible to add a field to a selected column
• The Creator Panel component has been moved to a separate file
• Expression cells can be added

Screen.Recording.2024-02-16.at.16.56.37.mov

[yesamer]

@tiagobento Ready to be reviewed and eventually merged

//cc @kbowers-ibm @jomarko

[jomarko]

@yesamer thank you for a PR, here are my findings after doing some manual checks.

01

Expression cells can be added - I was not able to achieve this, maybe I do not know proper steps how to do it? My understanding was expression</> is shown in header cell

02

In the DMN example, there is EXPECT column with Fine, please add new field to the Fine and compare the behavior of the search box, for Points and new PROPERTY column. In first case, it is disabled, in the second it is not.

03

insert N does not work, neither for columns, neither for rows

04

User can paste to header cells, using keyboard, but the result is unexpected probably. In the screenshots there is shown copied area and the area after pasting. For pasting the Fine header cells was selected before pressing ctrl+v

[yesamer]

@jomarko Thank you very much for your checks.

1. To add an expression, select an empty column in the table and a ROOT data object in the selector data object
2. That behavior is intended. In the first case, the user selected an empty column so it might want to add data there. In the second case, the user selected a column already populated with data, so no need to search in such a case.
3. Not yet implemented
4. All "copy and paste" behavior is inherited by BeeTable, no changes are applied in scesim. However, I'm not sure I've understood what's wrong here

[yesamer]

@tiagobento Can I merge this after green checks, please?

[jomarko]

@yesamer regarding the point (4). I think the point I wanted to bring into the discussion is when selected and copied some area of data cells, with a dimension [width x height] and then user selected some header cell and pressed 'ctrl + v'. To me it seams that the header cells highlight is somehow wrong after this operation. it is the first attached screenshot in (4).