My advice, to accomplish something this dynamic, you may need to make a custom widget that has inside of its folder structure, sub components that look like widgets but aren't exposed as their own widget. By that I mean, if your main file is in:
widget_folder/src/widget.tsx
you might have your subcomponents in
widget_folder/src/lib/ui
water-sources-ui.tsx
mineral-sources-ui.tsx
(and you would import them in your widget like
import {WaterDataUI} from './lib/ui/water-sources-ui.tsx';
And in that ui folder you might have separate display for each of the data sources then you have logic somewhere either in widget.tsx or another intermediate function or class (in the same widget file or another file) which then decides which one to load)
You can do conditional showing of parts of the UI based on values set in state and or props, so this is one way you can attack that.
.png "ChristopherEby2"){kind=avatar}
