feat: Horizontal filter bar states

[geido]

SUMMARY

This PR implements the horizontal container of the FilterBar and splits the component into two, Vertical and Horizontal.

AFTER

Supported.Charts.Dashboard.mp4

TESTING INSTRUCTIONS

1. Set HORIZONTAL_FILTER_BAR feature flag to True
2. Go to a Dashboard and open the left sidebar
3. Click on the gear icon to change the FilterBar orientation to horizontal

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags: HORIZONTAL_FILTER_BAR
• 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 #22064 (e9eb919) into master (95b4c7b) will increase coverage by 0.86%.
The diff coverage is 78.43%.

@@            Coverage Diff             @@
##           master   #22064      +/-   ##
==========================================
+ Coverage   67.09%   67.96%   +0.86%     
==========================================
  Files        1827     1830       +3     
  Lines       69875    72349    +2474     
  Branches     7548     7562      +14     
==========================================
+ Hits        46884    49173    +2289     
- Misses      21035    21215     +180     
- Partials     1956     1961       +5     

Flag	Coverage Δ
hive	53.39% <100.00%> (+0.54%)	⬆️
javascript	53.74% <78.21%> (+0.01%)	⬆️
mysql	79.33% <100.00%> (+0.92%)	⬆️
postgres	79.38% <100.00%> (+0.91%)	⬆️
presto	53.29% <100.00%> (+0.55%)	⬆️
python	82.33% <100.00%> (+0.75%)	⬆️
sqlite	77.79% <100.00%> (+0.86%)	⬆️
unit	51.23% <100.00%> (+0.01%)	⬆️

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

Impacted Files	Coverage Δ
...nd/src/components/DropdownSelectableIcon/index.tsx	100.00% <ø> (ø)
superset-frontend/src/dashboard/actions/hydrate.js	1.78% <ø> (ø)
...ilters/FilterBar/FilterConfigurationLink/index.tsx	100.00% <ø> (ø)
...Filters/FilterBar/FilterControls/FilterControl.tsx	29.03% <ø> (ø)
...nativeFilters/FilterBar/FilterSets/EditSection.tsx	75.86% <ø> (ø)
...tiveFilters/FilterBar/FilterSets/FilterSetUnit.tsx	92.85% <ø> (ø)
...tiveFilters/FilterBar/FilterSets/FiltersHeader.tsx	89.65% <ø> (ø)
...ents/nativeFilters/FilterBar/FilterSets/Footer.tsx	90.00% <ø> (ø)
...nents/nativeFilters/FilterBar/FilterSets/index.tsx	37.66% <ø> (ø)
...t-frontend/src/dashboard/reducers/dashboardInfo.js	80.00% <ø> (ø)
... and 26 more

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[michael-s-molina]

Thanks for the PR @geido. I still have some files to review but I'll leave some comments already in case you want to work on them. Awesome work!

[codyml]

Tested locally and it works! Left some comments.

[michael-s-molina]

Code LGTM. Thanks for all the hard work and for addressing the comments @geido! I suggest waiting for @jinghua-qa's approval before merging it.

[geido]

/testenv up

[github-actions]

@geido Ephemeral environment spinning up at http://18.236.65.179:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[jinghua-qa]

Regression test LGTM

[jinghua-qa]

/testenv up FEATURE_HORIZONTAL_FILTER_BAR=true

[github-actions]

@jinghua-qa Ephemeral environment spinning up at http://54.185.42.234:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.