Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: Select component refactoring - FilterControl - Iteration 5 #15777

Merged
merged 18 commits into from
Sep 27, 2021
Merged

chore: Select component refactoring - FilterControl - Iteration 5 #15777

merged 18 commits into from
Sep 27, 2021

Conversation

geido
Copy link
Member

@geido geido commented Jul 19, 2021

SUMMARY

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

BEFORE/AFTER

AdhocFilterEditPopoverSimpleTabContent.-.BEFORE.mp4
AdhocFilterEditPopoverSimpleTabContent.-.AFTER-new.mp4

BEFORE/AFTER

AdhocFilterEditPopoverSqlTabContent.-.BEFORE.mp4
AdhocFilterEditPopoverSimpleTabContent.-.AFTER.mp4

TESTING INSTRUCTIONS

  1. Open a chart in Explore
  2. Add Filters using the SIMPLE tab options and observe the behavior
  3. Add Filters using the CUSTOM SQL options and observe the behavior

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

@geido geido added the risk:refactor High risk as it involves large refactoring work label Jul 19, 2021
@geido geido requested a review from michael-s-molina July 19, 2021 10:07
@geido geido marked this pull request as ready for review August 24, 2021 11:58
@geido
Copy link
Member Author

geido commented Aug 24, 2021

@codecov
Copy link

codecov bot commented Aug 24, 2021

Codecov Report

Merging #15777 (cd5444f) into master (88c09c2) will increase coverage by 0.02%.
The diff coverage is 77.77%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master   #15777      +/-   ##
==========================================
+ Coverage   76.90%   76.92%   +0.02%     
==========================================
  Files        1007     1007              
  Lines       54109    54087      -22     
  Branches     7369     7360       -9     
==========================================
- Hits        41612    41608       -4     
+ Misses      12257    12239      -18     
  Partials      240      240              
Flag Coverage Δ
javascript 71.33% <77.77%> (+0.04%) ⬆️

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

Impacted Files Coverage Δ
...ols/FilterControl/AdhocFilterEditPopover/index.jsx 68.33% <ø> (-1.03%) ⬇️
...trol/AdhocFilterEditPopoverSqlTabContent/index.jsx 62.50% <66.66%> (+1.20%) ⬆️
...l/AdhocFilterEditPopoverSimpleTabContent/index.tsx 72.97% <79.16%> (+7.29%) ⬆️

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 88c09c2...cd5444f. Read the comment docs.

@apache apache deleted a comment from github-actions bot Aug 24, 2021
@apache apache deleted a comment from github-actions bot Aug 24, 2021
geido and others added 3 commits August 24, 2021 17:26
…l/AdhocFilterEditPopoverSqlTabContent/index.jsx

Co-authored-by: Michael S. Molina <70410625+michael-s-molina@users.noreply.github.com>
@geido
Copy link
Member Author

geido commented Aug 25, 2021

/testenv up

@github-actions
Copy link
Contributor

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

@geido geido added the hold:testing! On hold for testing label Sep 10, 2021
@geido geido removed the hold:testing! On hold for testing label Sep 15, 2021
@michael-s-molina
Copy link
Member

/testenv up

@github-actions
Copy link
Contributor

@michael-s-molina Ephemeral environment spinning up at http://54.184.73.197:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

@michael-s-molina
Copy link
Member

I think we need to clear the filter value when changing the column.

Screen.Recording.2021-09-15.at.6.19.33.PM.mov

@pkdotson
Copy link
Member

The code lgtm. But in regards to clearing the fields like @michael-s-molina suggested would be nice but to be fair it doesn't currently do that on master so I think that could be done as a follow up as that might require a little more refactoring work?

@geido
Copy link
Member Author

geido commented Sep 21, 2021

I think we need to clear the filter value when changing the column.

@michael-s-molina Just tested on master. As @pkdotson reported this is currently not implemented. I think it makes sense to tackle that in a separate PR as it would be slightly unrelated to the objective of this PR. I'll work on that as soon as we merge this PR.

@michael-s-molina
Copy link
Member

I think we need to clear the filter value when changing the column.

@michael-s-molina Just tested on master. As @pkdotson reported this is currently not implemented. I think it makes sense to tackle that in a separate PR as it would be slightly unrelated to the objective of this PR. I'll work on that as soon as we merge this PR.

Ok. Approving with the follow-up in mind.

@geido geido merged commit 8ad03c4 into apache:master Sep 27, 2021
@github-actions
Copy link
Contributor

Ephemeral environment shutdown and build artifacts deleted.

@geido geido deleted the chore/select-component-filtercontrol-iteration-5 branch September 27, 2021 14:25
opus-42 pushed a commit to opus-42/incubator-superset that referenced this pull request Nov 14, 2021
…ache#15777)

* Refactor Select for AdhocFilterEditPopoverSqlTabContent

* Refactor Selects

* Fix numeric options

* Clean up

* Fix Select value

* Add showSearch

* Display null label

* Implement StyledSelect

* Update superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSqlTabContent/index.jsx

Co-authored-by: Michael S. Molina <70410625+michael-s-molina@users.noreply.github.com>

* Fix aria-label

* Revert MetricControls changes

* Update ariaLabel

* Reconcile with latest Select changes

Co-authored-by: Michael S. Molina <70410625+michael-s-molina@users.noreply.github.com>
QAlexBall pushed a commit to QAlexBall/superset that referenced this pull request Dec 28, 2021
…ache#15777)

* Refactor Select for AdhocFilterEditPopoverSqlTabContent

* Refactor Selects

* Fix numeric options

* Clean up

* Fix Select value

* Add showSearch

* Display null label

* Implement StyledSelect

* Update superset-frontend/src/explore/components/controls/FilterControl/AdhocFilterEditPopoverSqlTabContent/index.jsx

Co-authored-by: Michael S. Molina <70410625+michael-s-molina@users.noreply.github.com>

* Fix aria-label

* Revert MetricControls changes

* Update ariaLabel

* Reconcile with latest Select changes

Co-authored-by: Michael S. Molina <70410625+michael-s-molina@users.noreply.github.com>
@mistercrunch mistercrunch added 🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels 🚢 1.4.0 labels Mar 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🏷️ bot A label used by `supersetbot` to keep track of which PR where auto-tagged with release labels risk:refactor High risk as it involves large refactoring work size/L 🚢 1.4.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants