chore: Select component refactoring - TimeSeriesColumnControl - Iteration 5

[geido]

SUMMARY

It replaces the react-select Select component with the Antdesign one in the TimeSeriesColumnControl component.

BEFORE

time_columns_before.mp4

AFTER

time_column_after.mp4

TESTING INSTRUCTIONS

1. Open a Time-series Table Chart in Explore
2. Add time columns and observe the dropdown behavior

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

[geido]

@rosemarie-chiu @jinghua-qa

[codecov]

Codecov Report

Merging #16442 (0931d35) into master (86290cc) will decrease coverage by 0.04%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##           master   #16442      +/-   ##
==========================================
- Coverage   76.76%   76.72%   -0.05%     
==========================================
  Files        1007     1005       -2     
  Lines       54125    54069      -56     
  Branches     7374     7449      +75     
==========================================
- Hits        41550    41483      -67     
- Misses      12335    12342       +7     
- Partials      240      244       +4     

Flag	Coverage Δ
javascript	71.20% <100.00%> (-0.11%)	⬇️

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

Impacted Files	Coverage Δ
...ponents/controls/TimeSeriesColumnControl/index.jsx	92.00% <100.00%> (+0.21%)	⬆️
...rontend/src/components/ListView/Filters/Select.tsx	76.92% <0.00%> (-20.64%)	⬇️
superset-frontend/src/views/CRUD/utils.tsx	55.81% <0.00%> (-13.04%)	⬇️
...et-frontend/src/components/Select/NativeSelect.tsx	70.00% <0.00%> (-10.00%)	⬇️
superset-frontend/src/reports/actions/reports.js	33.33% <0.00%> (-7.85%)	⬇️
...et-frontend/src/components/TableSelector/index.tsx	77.55% <0.00%> (-6.71%)	⬇️
superset-frontend/src/components/Select/utils.ts	92.30% <0.00%> (-3.85%)	⬇️
...perset-frontend/src/views/CRUD/chart/ChartList.tsx	74.35% <0.00%> (-3.63%)	⬇️
...ontend/src/views/CRUD/data/dataset/DatasetList.tsx	65.92% <0.00%> (-3.49%)	⬇️
...hboard/components/nativeFilters/FilterBar/utils.ts	71.87% <0.00%> (-3.13%)	⬇️
... and 78 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 86290cc...0931d35. Read the comment docs.

[geido]

/testenv up

[github-actions]

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

[michael-s-molina]

Code LGTM. Left some non-blocking suggestions. It would be nice to have QA approval.

[michael-s-molina]

To fix TypeError: handleOnSearch.cancel is not a function in your tests you have two options:

• Don't mock debounce and just account for the async behavior.
• Include the cancel function is your mock.

jest.mock('lodash/debounce', () => (fn: Function & { cancel: Function }) => {
  // eslint-disable-next-line no-param-reassign
  fn.cancel = jest.fn();
  return fn;
});

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.