-
Notifications
You must be signed in to change notification settings - Fork 10
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
WB-1675: Implement Combobox component with single selection #2221
base: main
Are you sure you want to change the base?
Conversation
🦋 Changeset detectedLatest commit: 7554bcd The changes in this PR will be included in the next version bump. This PR includes changesets to release 8 packages
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 |
Size Change: +1.36 kB (+1.41%) Total Size: 97.8 kB
ℹ️ View Unchanged
|
A new build was pushed to Chromatic! 🚀https://5e1bf4b385e3fb0020b7073c-seiomgwdex.chromatic.com/ Chromatic results:
|
Codecov ReportAttention: Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## main #2221 +/- ##
==========================================
+ Coverage 94.48% 94.72% +0.23%
==========================================
Files 248 249 +1
Lines 29268 29736 +468
Branches 1638 2447 +809
==========================================
+ Hits 27654 28166 +512
+ Misses 1610 1543 -67
- Partials 4 27 +23
... and 39 files with indirect coverage changes Continue to review full report in Codecov by Sentry.
|
GeraldRequired Reviewers
Don't want to be involved in this pull request? Comment |
npm Snapshot: Published🎉 Good news!! We've packaged up the latest commit from this PR (8b29604) and published all packages with changesets to npm. You can install the packages in webapp by running: ./services/static/dev/tools/deploy_wonder_blocks.js --tag="PR2221" Packages can also be installed manually by running: yarn add @khanacademy/wonder-blocks-<package-name>@PR2221 |
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.
Very nice work - looks good to me!
Summary:
This is the first PR associated to the Combobox implementation. It includes the
basic structure of the Combobox component with single selection support.
Combobox Implementation Plan:
Listbox
component with Single and Multiple selection support #2216Combobox
component with Single selection support. [CURRENT]Combobox
component.Combobox
component.Combobox
component.Issue: https://khanacademy.atlassian.net/browse/WB-1675
Test plan:
Verify that the new
Component
component works as expected and that the newdocumentation is accurate.
/?path=/docs/packages-dropdown-combobox--docs
https://5e1bf4b385e3fb0020b7073c-mzmurnrasq.chromatic.com/?path=/docs/packages-dropdown-combobox--docs
Keyboard navigation:
ArrowDown / ArrowUp
keys to navigate through the options.Enter
key to select an option.Escape
key to close the Listbox.Screen.Recording.2024-05-01.at.3.10.07.PM.mov