fix: X Axis should be called Y Axis when using the Bar Chart V2 on Horizontal mode

[diegomedina248]

SUMMARY

If the feature flag GENERIC_CHART_AXES is enabled, the Time-Series Bar Char v2 becomes Bar Chart v2 and has a field named X-Axis. However, if the Bar Chart is configured on horizontal mode, the X-Axis should be re-named to Y-Axis.

This PR expands the type for the control label & description to be computed, and then does so for the above scenario.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

Screen.Recording.2022-07-08.at.18.23.41.mov

After:

new.mov

TESTING INSTRUCTIONS

1. Enable the GENERIC_CHART_AXES feature
2. Hover the **+ **icon > Chart.
3. Use the Vehicle Sales Dataset, and the Bar Chart v2.
4. Set count(*) on the Metrics, and product_line on the X-Axis field.
5. Navigate to the CUSTOMIZE tab.
6. Switch to the HORIZONTAL orientation.
7. Navigate back to the DATA tab.

Ensure the label changes accordingly.

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 #20659 (49efecf) into master (0ce0c6e) will decrease coverage by 0.03%.
The diff coverage is 9.09%.

@@            Coverage Diff             @@
##           master   #20659      +/-   ##
==========================================
- Coverage   66.83%   66.80%   -0.04%     
==========================================
  Files        1753     1753              
  Lines       65808    65816       +8     
  Branches     7001     7007       +6     
==========================================
- Hits        43984    43966      -18     
- Misses      20035    20064      +29     
+ Partials     1789     1786       -3     

Flag	Coverage Δ
hive	53.88% <ø> (ø)
javascript	51.93% <9.09%> (-0.07%)	⬇️
mysql	82.38% <ø> (ø)
postgres	82.45% <ø> (ø)
presto	53.74% <ø> (ø)
python	82.89% <ø> (ø)
sqlite	82.24% <ø> (ø)
unit	50.83% <ø> (ø)

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

Impacted Files	Coverage Δ
...i-chart-controls/src/shared-controls/constants.tsx	18.75% <0.00%> (-18.75%)	⬇️
...d/packages/superset-ui-chart-controls/src/types.ts	100.00% <ø> (ø)
.../src/explore/components/ControlPanelsContainer.tsx	78.50% <33.33%> (-1.50%)	⬇️
...rd/components/nativeFilters/FilterBar/keyValue.tsx	18.51% <0.00%> (-22.23%)	⬇️
...board/components/nativeFilters/FilterBar/index.tsx	60.58% <0.00%> (-7.30%)	⬇️
...re/components/controls/DatasourceControl/index.jsx	74.19% <0.00%> (-0.55%)	⬇️

---

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 0ce0c6e...49efecf. Read the comment docs.

[zhaoyongjie]

good job! thanks for bring this.