feat: Adds support to multiple dependencies to the native filters

[michael-s-molina]

SUMMARY

Adds support to multiple dependencies to the native filters. This will allow the user to create hierarchical and graph relationships among filters. The changes are the result of a series of interviews conducted by the design team with Superset users. Here's a summary of the changes:

• Creates the "Values are dependent on other filters" section
• Removes the "Filters is hierarchical" section
• Adds indentation to the collapsable containers
• Removes the hierarchical display of filters in the left panel of the modal
• Adjusts the algorithm to validate circular dependencies on the fly
• Remove cascading popovers from filter bar @kgabryje
• Effectively uses the filter cards to display filter context
• Adjusts RTL and Cypress the tests

It's important to note that major refactors are not in the scope at this stage. Our first objective is to deprecate FilterBox. We'll tackle code improvements in the next stage of the native filters revamp.

@kasiazjc @jess-dillard

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Screen.Recording.2022-02-24.at.1.43.48.PM.mov

TESTING INSTRUCTIONS

We need to test the whole module. Apart from the basic tests, some important behaviors that should be checked:

• When selecting "Values are dependent on other filters" a value is automatically suggested and this value does not generate a circular dependency warning if possible.
• The circular dependency checking should occur on the fly while the user is selecting the filter dependencies.
• If a filter is removed or has its type changed to one different than "select", all references to this filter should display "(deleted or invalid filter)". After saving and reopening the modal, that reference should disappear.
• Only filters of type "select" should be available to be referenced as a dependency.
• All filters in scope should be displayed on the filter bar independently of their relationships.
• The values of a filter should be affected by its dependencies when applicable.
• The filter card context is correctly displayed and text is truncated as expected. Please refer to feat(native-filters): Implement filter cards #18874 to see the requirements.

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• 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 #18793 (0c988b0) into master (299b5dc) will decrease coverage by 0.04%.
The diff coverage is 51.89%.

❗ Current head 0c988b0 differs from pull request most recent head 493ea96. Consider uploading reports for the commit 493ea96 to get more accurate results

@@            Coverage Diff             @@
##           master   #18793      +/-   ##
==========================================
- Coverage   66.56%   66.52%   -0.05%     
==========================================
  Files        1641     1641              
  Lines       63495    63468      -27     
  Branches     6425     6441      +16     
==========================================
- Hits        42265    42221      -44     
- Misses      19550    19584      +34     
+ Partials     1680     1663      -17     

Flag	Coverage Δ
javascript	51.28% <51.89%> (-0.10%)	⬇️

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

Impacted Files	Coverage Δ
...perset-ui-core/src/chart/components/SuperChart.tsx	100.00% <ø> (ø)
...ts/nativeFilters/FilterBar/FilterControls/utils.ts	25.00% <ø> (-45.00%)	⬇️
...hboard/components/nativeFilters/FilterBar/utils.ts	76.92% <ø> (+10.25%)	⬆️
...tiveFilters/FiltersConfigModal/DraggableFilter.tsx	71.87% <ø> (ø)
...tiveFilters/FiltersConfigModal/FilterTitlePane.tsx	81.25% <ø> (ø)
...mponents/nativeFilters/FiltersConfigModal/state.ts	66.66% <ø> (ø)
superset-frontend/src/dashboard/styles.ts	100.00% <ø> (ø)
...filters/components/GroupBy/GroupByFilterPlugin.tsx	0.00% <0.00%> (ø)
...d/src/filters/components/GroupBy/transformProps.ts	0.00% <0.00%> (ø)
...t-frontend/src/filters/components/GroupBy/types.ts	100.00% <ø> (ø)
... and 50 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 299b5dc...493ea96. Read the comment docs.

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.