feat(native-filters): Show/Highlight errored/focused status

[simcha90]

SUMMARY

1. Add highlight status for all filters when user select filter in filter badge
2. Add error status for filters that should be required

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Screen.Recording.2021-06-21.at.9.21.06.mov

TESTING INSTRUCTIONS

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 #15276 (9bf6959) into master (1948678) will decrease coverage by 0.01%.
The diff coverage is 45.76%.

@@            Coverage Diff             @@
##           master   #15276      +/-   ##
==========================================
- Coverage   77.25%   77.24%   -0.02%     
==========================================
  Files         973      973              
  Lines       50393    50430      +37     
  Branches     6147     6170      +23     
==========================================
+ Hits        38933    38954      +21     
- Misses      11256    11271      +15     
- Partials      204      205       +1     

Flag	Coverage Δ
javascript	71.80% <45.76%> (-0.03%)	⬇️

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

Impacted Files	Coverage Δ
...veFilters/FilterBar/FilterControls/FilterValue.tsx	71.13% <ø> (-0.30%)	⬇️
...tersConfigModal/FiltersConfigForm/DefaultValue.tsx	20.83% <0.00%> (-4.17%)	⬇️
...onfigModal/FiltersConfigForm/FiltersConfigForm.tsx	70.00% <0.00%> (ø)
...filters/components/GroupBy/GroupByFilterPlugin.tsx	0.00% <0.00%> (ø)
...end/src/filters/components/GroupBy/controlPanel.ts	100.00% <ø> (ø)
...ntend/src/filters/components/Range/controlPanel.ts	100.00% <ø> (ø)
...s/components/TimeColumn/TimeColumnFilterPlugin.tsx	0.00% <0.00%> (ø)
...ers/components/TimeGrain/TimeGrainFilterPlugin.tsx	0.00% <0.00%> (ø)
...d/src/filters/components/Time/TimeFilterPlugin.tsx	91.30% <83.33%> (-3.15%)	⬇️
...src/filters/components/Range/RangeFilterPlugin.tsx	90.90% <100.00%> (+2.22%)	⬆️
... and 5 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 1948678...9bf6959. Read the comment docs.

[villebro]

A few comments

[villebro]

LGTM, thanks so much for this awesome work!