feat: Element Selector for UI

[olzzon]

About the Contributor

This PR is made on the behalf of BBC

Type of Contribution

This is the framework for selecting elements in UI

Current Behavior

Currently there's no easy way to communicate if something in the UI is selected

New Behavior

This PR adds a SelectedElements Contextprovider in top of rundown tree, so selection of e.g. a segment is reflected in properties panel propertiespanel.
It's a minimal implementation, and the full selection in UI will be added in a PR for the Properties Panel.

Testing

Unit test has been made, and inclusion of @testing-library/react so it's possible to test via the provider.

• I have added one or more unit tests for this PR

Affected areas

• As the segment timeline's updates are controlled by withResolvedSegment an isSelected properties is added in it.
• A testing lib has been added for webUI (@testing-library/react)
• has been added to Rundown view

Time Frame

This PR should be merged soon, so it can be merged back to bbc.

Status

this is ready to be reviewed

• PR is ready to be reviewed.
• The functionality has been tested by the author.
• Relevant unit tests has been added / updated.
• Relevant documentation (code comments, system documentation) has been added / updated.

[jstarpl]

Am I correct in understanding that there will be another PR coming for release52 with the implementation of Selection for other Segment View modes and AdLib list in the Shelf? I think it's important that this works across all Rundown View components?

[olzzon]

Am I correct in understanding that there will be another PR coming for release52 with the implementation of Selection for other Segment View modes and AdLib list in the Shelf? I think it's important that this works across all Rundown View components?

Yes, the segmentTimeline implementation is just to guide an implementation.
All selection implementation will be (as described in this PR) together with the Properties panel

[nytamin]

We need to solve a few merge errors and build issues before we can merge this.
I've made an initial attempt at the branch bbc-sync/feat/pr-upstream-for-elemement-selector-for-ui, but it still need some more attention.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 83.14%. Comparing base (11ddc3a) to head (fc0046b).
Report is 2 commits behind head on release52.

Additional details and impacted files

@@              Coverage Diff               @@
##           release52    #1305       +/-   ##
==============================================
+ Coverage      61.31%   83.14%   +21.83%     
==============================================
  Files            468      154      -314     
  Lines          82107    30745    -51362     
  Branches        4684     2568     -2116     
==============================================
- Hits           50340    25564    -24776     
+ Misses         31674     5149    -26525     
+ Partials          93       32       -61     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[olzzon]

This will be a part of the upcoming Properties panel, so this PR will be closed.