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

feat!: Expose ComboBox component ref with a clearSelection method #1236

Merged
3 commits merged into from
Jun 3, 2021

Conversation

ghost
Copy link

@ghost ghost commented May 10, 2021

Summary

This changes the ComboBox component to use forwardRef and the useImperativeHandle hook. It allows users to pass in a ref to a component instance and then call a clearSelection method on it, which will clear any existing value.

This change is deeply indebted to the pattern established in PR #1165.

As this changes an existing component to use forwardRef, this should be considered a BREAKING CHANGE.

Related Issues or PRs

Closes #1137 .

How To Test

In the application, try passing a ref to the ComboBox component, selecting a value for the component, and using ref.current.clearSelection() to reset the value.

@ghost ghost added type: breaking This introduces breaking changes and will require a major version increase type: feature New feature or request labels May 10, 2021
@trussworks-infra-zz trussworks-infra-zz temporarily deployed to storybook May 10, 2021 21:48 Inactive
@ghost ghost linked an issue May 10, 2021 that may be closed by this pull request
@ghost ghost removed a link to an issue May 10, 2021
@ghost ghost linked an issue May 10, 2021 that may be closed by this pull request
@haworku haworku changed the base branch from V2 to V2-cherry-picked June 2, 2021 16:45
@brandonlenz brandonlenz changed the title feat: Expose ComboBox component ref with a clearSelection method feat!: Expose ComboBox component ref with a clearSelection method Jun 2, 2021
Copy link
Contributor

@brandonlenz brandonlenz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The storybook example is really great. It makes testing this a breeze!

I did notice a behavior I'm not positive about on clear that I wanted to surface for discussion

src/components/forms/ComboBox/ComboBox.tsx Show resolved Hide resolved
src/components/forms/ComboBox/ComboBox.tsx Outdated Show resolved Hide resolved
@ghost ghost requested a review from brandonlenz June 3, 2021 16:15
@trussworks-infra-zz trussworks-infra-zz temporarily deployed to storybook June 3, 2021 16:21 Inactive
@ghost ghost merged commit e90e4df into V2-cherry-picked Jun 3, 2021
@ghost ghost deleted the kh-programmatically-clear-combobox-1137 branch June 3, 2021 17:23
This pull request was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: breaking This introduces breaking changes and will require a major version increase type: feature New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[feat] Add a simple way to programmatically clear a ComboBox
3 participants