feat(native-filters): add support for preselect filters

[villebro]

SUMMARY

This PR adds support for opening a dashboard with predefined filters passed via URL params. When clicking on "Copy dashboard URL" or "Share dashboard by email" in the Dashboard menu, a shortcut to an URL with RISON encoded filter state is created, which can be used to share the currently selected filters.

SCREENSHOTS

When opening up the link, the dashboard opens up with the predefined filter selection. Notice native_filters in the URL params:

TESTING INSTRUCTIONS

1. Open a dashboard with native filters
2. Select a few filters
3. Click "Copy dashboard URL" or "Share dashboard by email"
4. Open the link and notice the dashboard opening with the previously selected filters. (please note: the prepopulated URL will reference port 8088 when in dev-server mode. So remember to manually update this to 9000 when testing locally)

ADDITIONAL INFORMATION

• Has associated issue: closes add support for preselect_filters to the dashboard native filters  #14918
• 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 #15427 (06c664d) into master (f53b2c6) will decrease coverage by 0.01%.
The diff coverage is 69.81%.

@@            Coverage Diff             @@
##           master   #15427      +/-   ##
==========================================
- Coverage   77.22%   77.21%   -0.02%     
==========================================
  Files         975      975              
  Lines       50634    50681      +47     
  Branches     6222     6239      +17     
==========================================
+ Hits        39104    39133      +29     
- Misses      11319    11337      +18     
  Partials      211      211              

Flag	Coverage Δ
javascript	71.73% <69.81%> (-0.02%)	⬇️

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

Impacted Files	Coverage Δ
...erset-frontend/src/components/AnchorLink/index.jsx	95.83% <ø> (ø)
superset-frontend/src/constants.ts	100.00% <ø> (ø)
superset-frontend/src/dashboard/actions/hydrate.js	1.72% <ø> (ø)
...frontend/src/dashboard/components/Header/index.jsx	67.15% <ø> (ø)
...dashboard/components/SliceHeaderControls/index.tsx	76.98% <ø> (ø)
...ntend/src/dashboard/containers/DashboardHeader.jsx	100.00% <ø> (ø)
superset-frontend/src/utils/urlUtils.ts	45.94% <14.28%> (-7.39%)	⬇️
...board/components/nativeFilters/FilterBar/index.tsx	84.25% <42.85%> (-6.17%)	⬇️
.../components/Header/HeaderActionsDropdown/index.jsx	67.08% <50.00%> (ø)
...veFilters/FilterBar/FilterControls/FilterValue.tsx	65.68% <83.33%> (+0.38%)	⬆️
... and 6 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 f53b2c6...06c664d. Read the comment docs.

[simcha90]

I think in previous PR someone added regression for validation, but because your changes affect this place also, can you add here like:

const isMissingRequiredValue = checkIsMissingRequiredValue(
    filter,
    filter.dataMask?.filterState,
  );
...
filterState={{
            ...filter.dataMask?.filterState,
            validateMessage: isMissingRequiredValue && t('Value is required'),
          }}

or may be we can create separate PR for it

[simcha90]

Checked locally, works ok