Skip to content

Conversation

lisalupi
Copy link
Collaborator

Summary

Type

  • Refactor

Summarise concisely:

What is expected?

  • Refactor components List and OfferList to use vanilla-extract instead of Emotion
  • HeaderCell: Rename prop minWith-> minWidth

@lisalupi lisalupi requested a review from a team October 16, 2025 15:13
@lisalupi lisalupi self-assigned this Oct 16, 2025
@lisalupi lisalupi requested review from fabienhebert and vincentaudebert and removed request for a team October 16, 2025 15:13
@lisalupi lisalupi added the refactor Refactor without breaking changes label Oct 16, 2025
@lisalupi lisalupi requested review from a team and removed request for fabienhebert and vincentaudebert October 16, 2025 15:13
@lisalupi lisalupi requested review from a team and matthprost as code owners October 16, 2025 15:13
@lisalupi lisalupi requested review from DorianMaliszewski and removed request for a team October 16, 2025 15:13
Copy link

changeset-bot bot commented Oct 16, 2025

🦋 Changeset detected

Latest commit: b41c52d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages
Name Type
@ultraviolet/ui Minor
@ultraviolet/form Major
@ultraviolet/nextjs Major
@ultraviolet/plus Major

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

Copy link

codecov bot commented Oct 16, 2025

Codecov Report

❌ Patch coverage is 93.42105% with 5 lines in your changes missing coverage. Please review.
✅ Project coverage is 91.86%. Comparing base (4d56ac4) to head (b41c52d).
⚠️ Report is 11 commits behind head on beta.

Files with missing lines Patch % Lines
packages/ui/src/components/List/Row.tsx 71.42% 4 Missing ⚠️
packages/ui/src/components/List/HeaderRow.tsx 50.00% 1 Missing ⚠️
Additional details and impacted files

Impacted file tree graph

@@           Coverage Diff            @@
##             beta    #5698    +/-   ##
========================================
  Coverage   91.86%   91.86%            
========================================
  Files         308      318    +10     
  Lines        7299     7107   -192     
  Branches     2999     2889   -110     
========================================
- Hits         6705     6529   -176     
+ Misses        594      578    -16     
Files with missing lines Coverage Δ
packages/ui/src/components/List/Cell.tsx 100.00% <100.00%> (ø)
packages/ui/src/components/List/ColumnProvider.tsx 100.00% <100.00%> (ø)
packages/ui/src/components/List/HeaderCell.tsx 96.42% <100.00%> (-1.25%) ⬇️
packages/ui/src/components/List/SkeletonRows.tsx 100.00% <100.00%> (+7.14%) ⬆️
packages/ui/src/components/List/index.tsx 100.00% <100.00%> (+4.16%) ⬆️
packages/ui/src/components/List/styles.css.ts 100.00% <100.00%> (ø)
packages/ui/src/components/List/variables.css.ts 100.00% <100.00%> (ø)
packages/ui/src/components/List/HeaderRow.tsx 87.50% <50.00%> (-4.81%) ⬇️
packages/ui/src/components/List/Row.tsx 88.23% <71.42%> (-4.79%) ⬇️

... and 23 files with indirect coverage changes


Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4d56ac4...b41c52d. Read the comment docs.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

<StyledRow
className={className}
<List.Row
className={`${className ? `${className} ` : ''} ${banner ? offerListRowBanner : ''}${isSelected ? `${offerListBanner ? ' ' : ''}${offerListRowSelected}` : ''}`}
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
className={`${className ? `${className} ` : ''} ${banner ? offerListRowBanner : ''}${isSelected ? `${offerListBanner ? ' ' : ''}${offerListRowSelected}` : ''}`}
className={`${className ? `${className} ` : ''}${banner ? offerListRowBanner : ''}${isSelected ? `${offerListBanner ? ' ' : ''}${offerListRowSelected}` : ''}`}

borderColor: theme.colors.primary.border,
})

export const listCheckboxInRange = style({})
Copy link
Collaborator

Choose a reason for hiding this comment

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

not sure is it useful? I don't see the usage anywhere in the code 🤔

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

In Row.ts (line193):

<Checkbox
   aria-label="select"
   checked={selectedRowIds[id]}
   className={inRange?.includes(id) ? listCheckboxInRange : ''}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

refactor Refactor without breaking changes

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants