ROU-4649: Fix issue on arrow navigation when a TabHeader is disabled

[bmarcelino-fe]

This PR is for fix an issue on arrow navigation when the tabs header is disabled.

What was happening

• When Tabs pattern contains disabled tabs header inside, it's possible to reach the element disabled using the arrows left/right
  

What was done

• Add a new list of enabled items
• Review the _handleKeypressEvent method to use the new list of enabled elements
• Review each key behavior to lock the navigation for disabled items
  

Test Steps

1. Open Sample Page
2. Navigate to tabs using Tab key
3. On tabs header, use the arrows to navigate between elements
4. Expected: The disabled tabs header can't be reached or selected.

Screenshots

(prefer animated gif)

Checklist

• tested locally
• documented the code
• clean all warnings and errors of eslint
• requires changes in OutSystems (if so, provide a module with changes)
• requires new sample page in OutSystems (if so, provide a module with changes)

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication