feat(web-components): migrate user-avatar from carbon-for-ibm-products - #23051
Open
anamikaanu96 wants to merge 21 commits into
Open
feat(web-components): migrate user-avatar from carbon-for-ibm-products#23051anamikaanu96 wants to merge 21 commits into
anamikaanu96 wants to merge 21 commits into
Conversation
…grateProductComponents
✅ Deploy Preview for v3-carbon-web-components ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for v2-carbon-react ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for v11-carbon-react ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for v11-carbon-web-components ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for carbon-elements ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Codecov Report❌ Patch coverage is Additional details and impacted files@@ Coverage Diff @@
## main #23051 +/- ##
==========================================
+ Coverage 89.83% 90.52% +0.69%
==========================================
Files 615 284 -331
Lines 55295 43924 -11371
Branches 7829 2505 -5324
==========================================
- Hits 49674 39764 -9910
+ Misses 5475 4134 -1341
+ Partials 146 26 -120
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Harness. 🚀 New features to boost your workflow:
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #22949
DO NOT MERGE UNTIL PR 22936 IS MERGED
This PR migrates the
UserAvatarcomponent fromcarbon-for-ibm-productsinto@carbon/web-components, continuing the migration strategy established in #22936 and defined in ADR-0007. The component is added as pre-release / feature-flagged work — excluded from the v11 published build and v11 Storybook, and available exclusively in the v12 Storybook until the next major release.The component ships with:
user-avatar.ts) with full property reflection and TypeScript typesuser-avatar.scss) scoped to:host()user-avatar.stories.ts) with CSF3 format and controlsuser-avatar.mdx)__tests__/user-avatar-test.js) using@open-wc/testingindex.tsfor element registration_story-assets/headshot.jpg) for image demosChangelog
New
cds-user-avatar— displays a user avatar with support for profile image, name initials (derived from full name or explicit initials), and a fallback icon. Supports configurablesize,background-color,tooltip-text, andtooltip-alignmentprops. Migrated from@carbon/ibm-products.packages/web-components/src/components/user-avatar/— full component directory withuser-avatar.ts,user-avatar.scss,user-avatar.stories.ts,user-avatar.mdx,index.ts,story-styles.scss,__tests__/user-avatar-test.js, and_story-assets/headshot.jpgChanged
packages/web-components/product-migrated-components.mjs— updated to includecds-user-avatarstory and MDX globs for v11/v12 Storybook gating and build exclusionpackages/web-components/src/index.ts— export forcds-user-avataradded (commented out until graduation to stable release)Testing / Reviewing
yarn storybookinpackages/web-components. ConfirmUserAvatardoes not appear in the sidebar.yarn storybook:v12inpackages/web-components. ConfirmUserAvatarappears under its category with working controls (size, background color, image, name, tooltip), no console errors, and correct MDX docs.yarn testinpackages/web-components. All tests insrc/components/user-avatar/__tests__/user-avatar-test.jsshould pass.PR Checklist
As the author of this PR, before marking ready for review, confirm you:
required v12 migration documentation
for any code change that affects v12, or struck through this item because
the PR does not affect v12
More details can be found in the pull request guide