Controlled item highlighting

[marshallpete]

Description

Add support for controlled highlighting of items. By supplying a highlightedItem which can be a single value or and array of items, the developer can control which data points should be highlighed.

If the chart has other interactive elements, as soon as the user hovers over one of those other elements, the controlled highlighted point will be overwritten by the hover highlighting

Motivation and Context

Controlled highlighting of items allows for cool integrations with things like tables where highlighting a table cell can highlight the associated point on the chart.

Screenshots (if appropriate):

Story

Chart > HighlightedItem

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• I have signed the Adobe Open Source CLA.
• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the CONTRIBUTING document.
• I have added tests to cover my changes.
• All new and existing tests passed.

[github-actions]

🎨 Storybook -> https://opensource.adobe.com/react-spectrum-charts/PR-473

[github-actions]

🎨 Storybook -> https://opensource.adobe.com/react-spectrum-charts/PR-473

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
99.2% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

🎨 Storybook -> https://opensource.adobe.com/react-spectrum-charts/PR-473