-
Notifications
You must be signed in to change notification settings - Fork 63
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
feat(store-ui): Add Modal molecule #957
Conversation
✔️ Deploy Preview for storeui ready! 🔨 Explore the source changes: 70cd8a6 🔍 Inspect the deploy log: https://app.netlify.com/sites/storeui/deploys/61532cdd2aeb710007124238 😎 Browse the preview: https://deploy-preview-957--storeui.netlify.app |
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit 70cd8a6:
|
ee903f5
to
4ff04a8
Compare
b00490c
to
ac53d1f
Compare
@icazevedo, does this last change make the component nearer to inversion control? |
Forgot to comment here: excellent PR! Really great separation between pure and behavioral components 👏 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great work @igorbrasileiro! 👏🏻 🎉
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice job! 🚀
3679ce7
to
b4bc474
Compare
Co-authored-by: Ícaro Azevedo <icaro.azevedo@vtex.com.br>
Co-authored-by: Larícia Mota <laricia.mota@vtex.com.br>
Co-authored-by: Larícia Mota <laricia.mota@vtex.com.br>
ca142fc
to
88881d3
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great 👏
What's the purpose of this pull request?
Add the modal molecule, tests, and story.
closes #843
How it works?
How to test it?
References
Modal:
https://www.w3.org/TR/wai-aria-practices/#dialog_modal
https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
useTrapFocus:
https://github.com/reakit/reakit/blob/a211d94da9f3b683182568a56479b91afb1b85ae/packages/reakit/src/Dialog/__utils/useFocusTrap.ts#L31
Tests:
https://github.com/eps1lon/material-ui/blob/c0362a282ce17ff104048c5bd2cbaa4d7b367e10/packages/material-ui/src/Modal/Modal.test.js