grafana/public/app/features/datasources/settings
Adam Simpson c57924e332
A11y: Fix remaining focus issues with Switch (#48376)
* refactor: replace uses of checked prop for <Switch> with value prop

* fix: remove spaces from ids

The ID format is stated as follows([source][1]):

> ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]),
hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

Since `QueryHeaderSwitch` is used in two places I created a new variable that replaces spaces with a dash in the label.

[1]: https://www.w3.org/TR/html401/types.html#type-name

* fix: allow Switch in AlertingSettings to be focused by keyboard

* fix: allow Switch in PromSettings to be focused by keyboard

Fixes #46472

Co-authored-by: Elfo404 <me@giordanoricci.com>
2022-05-02 13:50:44 +00:00
..
__snapshots__ A11y: Fix remaining focus issues with Switch (#48376) 2022-05-02 13:50:44 +00:00
BasicSettings.test.tsx Chore: ESlint import order (#44959) 2022-04-22 14:33:13 +01:00
BasicSettings.tsx A11y: Fix remaining focus issues with Switch (#48376) 2022-05-02 13:50:44 +00:00
ButtonRow.test.tsx Chore: ESlint import order (#44959) 2022-04-22 14:33:13 +01:00
ButtonRow.tsx Chore: ESlint import order (#44959) 2022-04-22 14:33:13 +01:00
CloudInfoBox.tsx Chore: ESlint import order (#44959) 2022-04-22 14:33:13 +01:00
DataSourceSettingsPage.test.tsx Chore: ESlint import order (#44959) 2022-04-22 14:33:13 +01:00
DataSourceSettingsPage.tsx Chore: ESlint import order (#44959) 2022-04-22 14:33:13 +01:00
PluginSettings.tsx Chore: ESlint import order (#44959) 2022-04-22 14:33:13 +01:00