chore: Adds lazy loading and fetchOnlyOnSearch to the Select component

[michael-s-molina]

SUMMARY

• Adds lazy loading and fetchOnlyOnSearch to the Select component.
• Changes the dataset select of the native filters to use lazy loading

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

screen-recording-2021-07-22-at-21638-pm_feGcoL1I.mp4

Screen.Recording.2021-07-20.at.9.48.11.AM.mov

Screen.Recording.2021-07-20.at.9.46.08.AM.mov

TESTING INSTRUCTIONS

Native filters test:

• Open the native filters modal
• Check that the dataset select is working as intended
• Check if the other fields that depend on the dataset select are working as intended

Storybook test:

• Open the Storybook
• Open the AsyncSelect
• Check that queries are only triggered after interacting with the select
• Enable fetchOnlyOnSearch control
• Check that queries are only triggered after a search input

ADDITIONAL INFORMATION

• Has associated issue:
• 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

[codecov]

Codecov Report

Merging #15799 (226913e) into master (fdb4035) will decrease coverage by 0.06%.
The diff coverage is 66.66%.

❗ Current head 226913e differs from pull request most recent head 04a6afe. Consider uploading reports for the commit 04a6afe to get more accurate results

@@            Coverage Diff             @@
##           master   #15799      +/-   ##
==========================================
- Coverage   77.13%   77.06%   -0.07%     
==========================================
  Files         984      983       -1     
  Lines       51704    51650      -54     
  Branches     6994     6998       +4     
==========================================
- Hits        39881    39804      -77     
- Misses      11599    11620      +21     
- Partials      224      226       +2     

Flag	Coverage Δ
javascript	71.67% <66.66%> (-0.14%)	⬇️

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

Impacted Files	Coverage Δ
superset-frontend/src/components/Select/Select.tsx	55.85% <66.66%> (-16.83%)	⬇️
superset-frontend/src/components/Select/utils.ts	66.66% <0.00%> (-25.65%)	⬇️
...ters/FiltersConfigModal/FiltersConfigForm/utils.ts	88.88% <0.00%> (-1.59%)	⬇️
...c/filters/components/Select/SelectFilterPlugin.tsx	79.82% <0.00%> (-1.29%)	⬇️
superset/db_engine_specs/presto.py	89.89% <0.00%> (-0.43%)	⬇️
...nd/src/explore/components/DataTablesPane/index.tsx	83.90% <0.00%> (-0.37%)	⬇️
...onfigModal/FiltersConfigForm/FiltersConfigForm.tsx	73.59% <0.00%> (-0.18%)	⬇️
superset/connectors/druid/models.py	82.81% <0.00%> (-0.12%)	⬇️
superset/models/slice.py	86.11% <0.00%> (-0.08%)	⬇️
... and 26 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 fdb4035...04a6afe. Read the comment docs.

[geido]

LGMT! Just some minor feedback and a question regarding whether we should keep this option open or just make it the standard.

[geido]

Thanks for answering my questions. LG(reat)TM!

[michael-s-molina]

/testenv up FEATURE_DASHBOARD_NATIVE_FILTERS=true

[github-actions]

@michael-s-molina Ephemeral environment spinning up at http://18.236.125.116:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[michael-s-molina]

Just waiting for QA approval to merge. @jinghua-qa @junlincc @rosemarie-chiu @adam-stasiak

[rosemarie-chiu]

LGTM on UX

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.