SQL: Migrate (MS/My/Postgres)SQL configuration pages from Angular to React (#51891)

* Migrate SQL configuration pages from angular to react

* Move enums to types.ts and remove angular partials

* remove es lint disables and update betterer instead

* Fix automatically added type declarations

* Bump wor.. betterer ;)

* Export SecretInput component from grafana-ui

* Fix A11y issues

* Export SecretTextArea as well

* Fix typo

* Use const instead of var

* Fix typo in doc

* Add autoDetectFeatures to postgres config editor

Co-authored-by: Dominik Prokop <dominik.prokop@grafana.com>
Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com>

packages/grafana-data/src/utils/datasource.ts

@@ -56,7 +56,7 @@ export const onUpdateDatasourceJsonDataOption =
 
 export const onUpdateDatasourceSecureJsonDataOption =
   <J, S extends {} = KeyValue>(props: DataSourcePluginOptionsEditorProps<J, S>, key: string) =>
-  (event: React.SyntheticEvent<HTMLInputElement | HTMLSelectElement>) => {
+  (event: React.SyntheticEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => {
     updateDatasourcePluginSecureJsonDataOption(props, key, event.currentTarget.value);
   };
 

packages/grafana-ui/src/components/index.ts

@@ -212,6 +212,8 @@ export { Input, getInputStyles } from './Input/Input';
 export { AutoSizeInput } from './Input/AutoSizeInput';
 export { FilterInput } from './FilterInput/FilterInput';
 export { FormInputSize } from './Forms/types';
+export * from './SecretInput';
+export * from './SecretTextArea';
 
 export { Switch, InlineSwitch } from './Switch/Switch';
 export { Checkbox } from './Forms/Checkbox';