Add Data Connectors list in Angular web App, just Like "get Data" in Power BI

I want to add a "get Data" component in my Angular 8 Web App to display a list of all available data sources just like in Power BI. I am using Asp.net Core WebAPI at backend.

On clicking "Get Data" I need to display the list of different possible data sources e.g File system (csv, Excel..) , DataBase (Sql Servre MySql, Oracle….) Online (Azure….).
Then I have to get data from the selected source in my app.
Is there any such built in connector by any 3rd party (free / paid) or I have to code all this.

Any quick response, hint is really appreciated.
Thanks

Source: New feed
Source Url Add Data Connectors list in Angular web App, just Like "get Data" in Power BI