Skip to content

feat(MultiSelect): new hideLabel prop#9840

Merged
andreancardona merged 4 commits into
carbon-design-system:mainfrom
kinueng:multiSelect-hideLabel
Oct 14, 2021
Merged

feat(MultiSelect): new hideLabel prop#9840
andreancardona merged 4 commits into
carbon-design-system:mainfrom
kinueng:multiSelect-hideLabel

Conversation

@kinueng

@kinueng kinueng commented Oct 11, 2021

Copy link
Copy Markdown
Contributor

Add a hideLabel prop similar to the Dropdown component (ref #7594 ref #7571). The titleText is the currently the only way to set the <label> but there is no way to visually hide the titleText when it is set.

image

Changelog

New

  • hideLabel prop to allow for the hiding of the title text

Testing / Reviewing

I am not sure how to build and test this pull request. I am hoping opening this pull request will deploy my pull request in a demo site where I can try the file changes.

@kinueng kinueng requested review from a team as code owners October 11, 2021 21:19
@netlify

netlify Bot commented Oct 11, 2021

Copy link
Copy Markdown

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 39cd3a0

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/6167f210c510f500071e2c91

😎 Browse the preview: https://deploy-preview-9840--carbon-react-next.netlify.app

@github-actions

github-actions Bot commented Oct 11, 2021

Copy link
Copy Markdown
Contributor

DCO Assistant Lite bot All contributors have signed the DCO.

@netlify

netlify Bot commented Oct 11, 2021

Copy link
Copy Markdown

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 39cd3a0

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/6167f210f3daa600080f6b98

😎 Browse the preview: https://deploy-preview-9840--carbon-components-react.netlify.app

@netlify

netlify Bot commented Oct 11, 2021

Copy link
Copy Markdown

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 39cd3a0

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/6167f2104319350009018f3c

😎 Browse the preview: https://deploy-preview-9840--carbon-elements.netlify.app

@sstrubberg

Copy link
Copy Markdown
Member

recheck

@sstrubberg sstrubberg left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Thanks for the PR.

Couple of things that might help resolve your CI errors.

  1. Run yarn test packages/react/__tests__/PublicAPI-test.js -u from the root of the project. That might resolve the following error. If you made any manual changes to this file, I would undo them first, then run the command.
    image

  2. Run yarn format:diff from the root of the project to clean up any formatting errors.

@kinueng kinueng force-pushed the multiSelect-hideLabel branch 2 times, most recently from 5b808ee to 8330518 Compare October 12, 2021 15:02
- Add `hideLabel` prop to the filterable MultiSelect to make it
consistant with the default MultiSelect.

- Fix up `PublicAPI-test.js.snap` file using command
`yarn test packages/react/__tests__/PublicAPI-test.js -u`. First the
file was restored to commit 3e0231d,
then the `yarn test` was used to make changes to
`PublicAPI-test.js.snap`.

- Fix format issue (spaces) in MultiSelect.js
@kinueng kinueng force-pushed the multiSelect-hideLabel branch from 8330518 to fea178c Compare October 12, 2021 15:03
@kinueng

kinueng commented Oct 12, 2021

Copy link
Copy Markdown
Contributor Author

I have read the DCO document and I hereby sign the DCO.

@kinueng

kinueng commented Oct 12, 2021

Copy link
Copy Markdown
Contributor Author

recheck

@kinueng kinueng requested a review from sstrubberg October 12, 2021 15:47
@kinueng

kinueng commented Oct 12, 2021

Copy link
Copy Markdown
Contributor Author

Since last request for review, I did

  • Force pushes to sign my commit (aka "Verified") and squashed commits to keep the commit history clean.
  • Add hideLabel to the filterable MultiSelect component. Found the bug while testing the storybook
  • Fixed the tests and the format issue

@andreancardona andreancardona left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks good

@andreancardona andreancardona enabled auto-merge (squash) October 14, 2021 09:02
@andreancardona andreancardona merged commit 2fe7fbe into carbon-design-system:main Oct 14, 2021
@kinueng kinueng deleted the multiSelect-hideLabel branch October 14, 2021 13:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants