react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

fix: switch dropdown component in table pagination to native select

Open greenervigil opened this issue 3 years ago β€’ 18 comments

switch out the dropdown component use in the table component to the native select component to fix focus state issue

closes #393

Issue: #393

What I did

Screenshots (if appropriate):

Checklist

  • [x] changeset has been added
  • [x] I have made corresponding changes to the documentation
  • [x] New and existing unit tests pass locally with my changes
  • [x] I have added tests that prove my fix is effective or that my feature works

How to test

greenervigil avatar Oct 12 '22 02:10 greenervigil

πŸ¦‹ Changeset detected

Latest commit: 06dee6cb0aeb320d138563120956e769e51867fa

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

changeset-bot[bot] avatar Oct 12 '22 02:10 changeset-bot[bot]

Codecov Report

Base: 86.22% // Head: 86.04% // Decreases project coverage by -0.18% :warning:

Coverage data is based on head (1ceb174) compared to base (f83cfa1). Patch coverage: 100.00% of modified lines in pull request are covered.

Additional details and impacted files
@@            Coverage Diff             @@
##              dev     #934      +/-   ##
==========================================
- Coverage   86.22%   86.04%   -0.19%     
==========================================
  Files         175      175              
  Lines        4625     4621       -4     
  Branches     1581     1580       -1     
==========================================
- Hits         3988     3976      -12     
- Misses        324      326       +2     
- Partials      313      319       +6     
Impacted Files Coverage Ξ”
...a-dom/src/components/NativeSelect/NativeSelect.tsx 100.00% <100.00%> (ΓΈ)
...magma-dom/src/components/Table/TablePagination.tsx 100.00% <100.00%> (ΓΈ)
...a-dom/src/components/Dropdown/DropdownMenuItem.tsx 80.00% <0.00%> (-12.73%) :arrow_down:
...ma-dom/src/components/Dropdown/DropdownContent.tsx 95.45% <0.00%> (-4.55%) :arrow_down:

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

:umbrella: View full report at Codecov.
:loudspeaker: Do you have feedback about the report comment? Let us know in this issue.

codecov-commenter avatar Oct 12 '22 02:10 codecov-commenter

πŸš€ Deployed on https://docs-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 02:10 github-actions[bot]

πŸš€ Deployed on https://storybook-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 02:10 github-actions[bot]

πŸš€ Deployed on https://docs-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 03:10 github-actions[bot]

πŸš€ Deployed on https://docs-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 03:10 github-actions[bot]

πŸš€ Deployed on https://storybook-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 03:10 github-actions[bot]

πŸš€ Deployed on https://storybook-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 03:10 github-actions[bot]

πŸš€ Deployed on https://docs-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 03:10 github-actions[bot]

πŸš€ Deployed on https://storybook-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 03:10 github-actions[bot]

πŸš€ Deployed on https://docs-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 03:10 github-actions[bot]

πŸš€ Deployed on https://storybook-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 03:10 github-actions[bot]

πŸš€ Deployed on https://docs-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 03:10 github-actions[bot]

πŸš€ Deployed on https://storybook-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 03:10 github-actions[bot]

I think if we are going to wait to merge this until after our next patch/minor release, we should open a separate PR that we do merge immediately that marks dropdownDropDirection as deprecated. That way, we will have "warned" consumers about the incoming breaking change before we introduce it. Thoughts?

silvalaura avatar Oct 12 '22 18:10 silvalaura

πŸš€ Deployed on https://docs-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 18:10 github-actions[bot]

πŸš€ Deployed on https://storybook-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 12 '22 18:10 github-actions[bot]

We did the same thing with button colors I believe right? V3 required us to drop a couple of them and we documented the change, seemed fine to me.

chris-cedrone-cengage avatar Oct 12 '22 18:10 chris-cedrone-cengage

πŸš€ Deployed on https://docs-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Jan 12 '23 20:01 github-actions[bot]

πŸš€ Deployed on https://storybook-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Jan 12 '23 20:01 github-actions[bot]

Could not get the Base Pagination props to render in the documentation.

greenervigil avatar Jan 12 '23 20:01 greenervigil

πŸš€ Deployed on https://docs-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Jan 13 '23 15:01 github-actions[bot]

πŸš€ Deployed on https://storybook-preview-934--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Jan 13 '23 15:01 github-actions[bot]