feat(explore): collapse time section if no ts columns

[villebro]

SUMMARY

This is a follow-up of #12093 , which aims to automatically hide/expand the time section based on presence of temporal columns in the dataset.

Previously the ControlPanelsContainer component was using the defaultActiveKey prop in Collapse to control which panels were active. To be able to make the panels collapse automatically when we change datasources to one with/without temporal columns, we have to switch to activeKey and manage the state within the component. To do this some code had to be moved out of the render method, but the majority of the logic is untouched.

Previous flow:

• Time section is always expanded by default, but possible to collapse/expand manually
• Changing to a datasource without any temporal columns did not collapse the time section.

New flow:

• By default the time section opens up in a collapsed state if there is no temporal column in the dataset
• Time section can still be manually expanded/collapsed manually like before
• By changing to a dataset with (without) at least one temporal column will cause the time section to expand (collapse) the time section.
• When changing viz type, the time section will be automatically expanded/collapsed based on the logic described above

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Previously the time section was always expanded, and changing the dataset to/from one with/without any temporal columns didn't change anything:
https://user-images.githubusercontent.com/33317356/117162820-ca5d2380-adcb-11eb-923d-d1281668f5a0.mp4

AFTER

Now the time section is automatically expanded/collapsed when changing to a dataset with/without a temporal column.
https://user-images.githubusercontent.com/33317356/117162867-d2b55e80-adcb-11eb-9dae-3f26fcaf9e45.mp4

TEST PLAN

ADDITIONAL INFORMATION

• Has associated issue:
• 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 #14493 (20cbcd8) into master (19b408b) will decrease coverage by 0.00%.
The diff coverage is 78.43%.

@@            Coverage Diff             @@
##           master   #14493      +/-   ##
==========================================
- Coverage   76.90%   76.90%   -0.01%     
==========================================
  Files         958      958              
  Lines       48241    48268      +27     
  Branches     5636     5645       +9     
==========================================
+ Hits        37102    37120      +18     
- Misses      10938    10947       +9     
  Partials      201      201              

Flag	Coverage Δ
javascript	72.00% <78.43%> (-0.01%)	⬇️

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

Impacted Files	Coverage Δ
.../src/explore/components/ControlPanelsContainer.tsx	81.42% <78.43%> (-3.53%)	⬇️

---

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 19b408b...20cbcd8. Read the comment docs.

[villebro]

I wasn't able to reproduce this locally (locally I was only getting 11 script nodes, but cypress is finding nodes.length === 13, numScripts === 12), but I noticed that this used to be greaterThan before this PR: #12218 , so I assume this can be flipped back.

[zhaoyongjie]

LGTM. Thanks, Ville.