feat(native-filters): Use datasets in dashboard as default options for native filters

[kgabryje]

SUMMARY

When user creates a native filter, display only datasets used in current dashboard as options in dataset picker. When user starts typing, send a query to backend for other available datasets.
E.g. there are datasets "a_dataset", "b_dataset" and "c_dataset". If the current dashboard uses datasets "a_dataset" and "b_dataset", only those 2 will be displayed in dataset picker in native filters modal. When user starts typing "c..." in dataset picker, "c_dataset" will be fetched from backend and displayed as an option.
If a dashboard uses only 1 dataset, that dataset will be used as a default initial value in the dataset picker. If the dashboard uses more datasets, no default value will be used.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Screen.Recording.2021-04-27.at.14.24.44.mov

TEST PLAN

ADDITIONAL INFORMATION

• Has associated issue: [Dashboard]Show relevant datasets ONLY in native filter dataset select #13536
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

CC @villebro @junlincc @ktmud

[villebro]

LGTM - small nit

[villebro]

Suggested change

console.log({ loadedDatasets });

[kgabryje]

Oops! 😄

[junlincc]

@kgabryje awesome!!

[codecov]

Codecov Report

Merging #14374 (d734760) into master (20ab086) will decrease coverage by 0.17%.
The diff coverage is 88.88%.

@@            Coverage Diff             @@
##           master   #14374      +/-   ##
==========================================
- Coverage   77.15%   76.98%   -0.18%     
==========================================
  Files         954      954              
  Lines       48189    48197       +8     
  Branches     6002     6006       +4     
==========================================
- Hits        37180    37103      -77     
- Misses      10812    10898      +86     
+ Partials      197      196       -1     

Flag	Coverage Δ
javascript	71.69% <88.88%> (-0.37%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...onfigModal/FiltersConfigForm/FiltersConfigForm.tsx	81.14% <87.50%> (-9.29%)	⬇️
...nd/src/components/SupersetResourceSelect/index.tsx	70.96% <100.00%> (+0.96%)	⬆️
...nd/src/filters/components/Select/transformProps.ts	18.18% <0.00%> (-72.73%)	⬇️
...c/filters/components/Select/SelectFilterPlugin.tsx	13.20% <0.00%> (-71.70%)	⬇️
...ontend/src/filters/components/Select/buildQuery.ts	33.33% <0.00%> (-66.67%)	⬇️
...ters/FiltersConfigModal/FiltersConfigForm/state.ts	48.07% <0.00%> (-26.93%)	⬇️
...tersConfigModal/FiltersConfigForm/DefaultValue.tsx	88.88% <0.00%> (-11.12%)	⬇️
...mponents/nativeFilters/FiltersConfigModal/utils.ts	65.78% <0.00%> (-2.64%)	⬇️
...ConfigModal/FiltersConfigForm/FilterScope/utils.ts	98.43% <0.00%> (-1.57%)	⬇️
... and 2 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 20ab086...d734760. Read the comment docs.