Skip to content

Migrated mui components with untitled-ui#26673

Open
Rohit0301 wants to merge 9 commits intomainfrom
untitled-ui-migration-3
Open

Migrated mui components with untitled-ui#26673
Rohit0301 wants to merge 9 commits intomainfrom
untitled-ui-migration-3

Conversation

@Rohit0301
Copy link
Contributor

@Rohit0301 Rohit0301 commented Mar 22, 2026

Describe your changes:

Components migrated

  • useDataProductListingData.tsx
  • DomainTypeChip.tsx
  • CopyToClipboardButton.tsx
  • PropertyValue.tsx
  • LdapRoleMappingWidget.tsx
  • useDomainCardTemplates.tsx
  • useFilterSelection.tsx
  • usePageHeader.tsx
  • useTitleAndCount.tsx

Fixes 3273

I worked on ... because ...

Screen.Recording.2026-03-23.at.7.44.54.PM.mov
Screenshot 2026-03-23 at 7 45 41 PM Screenshot 2026-03-23 at 7 45 51 PM Screenshot 2026-03-23 at 7 46 03 PM Screenshot 2026-03-23 at 7 46 36 PM

Type of change:

  • Bug fix
  • Improvement
  • New feature
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation

Checklist:

  • I have read the CONTRIBUTING document.
  • My PR title is Fixes <issue-number>: <short explanation>
  • I have commented on my code, particularly in hard-to-understand areas.
  • For JSON Schema changes: I updated the migration scripts or explained why it is not needed.

@github-actions
Copy link
Contributor

github-actions bot commented Mar 22, 2026

🔴 Playwright Results — 1 failure(s), 17 flaky

✅ 3112 passed · ❌ 1 failed · 🟡 17 flaky · ⏭️ 207 skipped

Shard Passed Failed Flaky Skipped
🔴 Shard 1 452 1 2 2
🟡 Shard 2 541 0 5 33
🟡 Shard 3 541 0 5 27
🟡 Shard 4 537 0 1 45
✅ Shard 5 511 0 0 67
🟡 Shard 6 530 0 4 33

Genuine Failures (failed on all attempts)

Pages/SearchIndexApplication.spec.ts › Search Index Application (shard 1)
�[31mTest timeout of 180000ms exceeded.�[39m
🟡 17 flaky test(s) (passed on retry)
  • Features/CustomizeDetailPage.spec.ts › API Endpoint - customization should work (shard 1, 1 retry)
  • Flow/Tour.spec.ts › Tour should work from welcome screen (shard 1, 1 retry)
  • Features/BulkImport.spec.ts › Database (shard 2, 1 retry)
  • Features/DataQuality/TestCaseIncidentPermissions.spec.ts › User with TEST_CASE.EDIT_ALL can see edit icon on incidents (shard 2, 1 retry)
  • Features/DataQuality/TestCaseResultPermissions.spec.ts › User with only VIEW cannot PATCH results (shard 2, 1 retry)
  • Features/EntitySummaryPanel.spec.ts › should display summary panel for table (shard 2, 1 retry)
  • Features/EntitySummaryPanel.spec.ts › should display summary panel for tableColumn (shard 2, 1 retry)
  • Features/Permissions/GlossaryPermissions.spec.ts › Team-based permissions work correctly (shard 3, 1 retry)
  • Features/RestoreEntityInheritedFields.spec.ts › Validate restore with Inherited domain and data products assigned (shard 3, 1 retry)
  • Flow/PersonaDeletionUserProfile.spec.ts › User profile loads correctly before and after persona deletion (shard 3, 1 retry)
  • Flow/PersonaFlow.spec.ts › Set default persona for team should work properly (shard 3, 1 retry)
  • Pages/Customproperties-part2.spec.ts › entityReferenceList shows item count, scrollable list, no expand toggle (shard 3, 1 retry)
  • Pages/DomainAdvanced.spec.ts › Remove multiple assets from domain at once (shard 4, 1 retry)
  • Pages/HyperlinkCustomProperty.spec.ts › should display URL when no display text is provided (shard 6, 1 retry)
  • Pages/Lineage.spec.ts › Lineage creation from SearchIndex entity (shard 6, 1 retry)
  • Pages/ServiceEntity.spec.ts › Update displayName (shard 6, 1 retry)
  • Pages/Users.spec.ts › Permissions for table details page for Data Consumer (shard 6, 1 retry)

📦 Download artifacts

How to debug locally
# Download playwright-test-results-<shard> artifact and unzip
npx playwright show-trace path/to/trace.zip    # view trace

@github-actions
Copy link
Contributor

github-actions bot commented Mar 23, 2026

Jest test Coverage

UI tests summary

Lines Statements Branches Functions
Coverage: 64%
65.02% (58083/89327) 44.82% (30715/68517) 47.82% (9197/19232)

@Rohit0301 Rohit0301 requested a review from karanh37 as a code owner March 23, 2026 14:22
Comment on lines +22 to +27
const getGlossaryTags = (entity: Domain | DataProduct): TagLabel[] =>
entity.tags?.filter((tag) => tag.source === 'Glossary') ?? [];

const getClassificationTags = (entity: Domain | DataProduct): TagLabel[] =>
entity.tags?.filter((tag) => tag.source === 'Classification') ?? [];

Copy link
Contributor

Choose a reason for hiding this comment

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

we might already have this util fn, and if not, lets move this to utils file.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed

Comment on lines +140 to +142
title={filter.values.join(', ')}
weight="medium">
{filter.values.join(', ')}
Copy link
Contributor

Choose a reason for hiding this comment

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

unnecessary 2 loops

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed

</Typography>
<Card className="tw:mb-5 tw:p-5">
<div className="tw:flex tw:items-center tw:justify-between">
<div>
Copy link
Contributor

Choose a reason for hiding this comment

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

please check if we need this blank div?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

required, it wraps 2 elements

@gitar-bot
Copy link

gitar-bot bot commented Mar 24, 2026

Code Review ✅ Approved 1 resolved / 1 findings

Migrated MUI components to untitled-ui with fixes for domain icon display and test compatibility. No issues found.

✅ 1 resolved
Bug: Domain card template missing overflow protection classes

📄 openmetadata-ui/src/main/resources/ui/src/components/common/atoms/domain/ui/useDomainCardTemplates.tsx:79 📄 openmetadata-ui/src/main/resources/ui/src/components/common/atoms/domain/ui/useDomainCardTemplates.tsx:91 📄 openmetadata-ui/src/main/resources/ui/src/components/common/atoms/domain/ui/useDomainCardTemplates.tsx:107 📄 openmetadata-ui/src/main/resources/ui/src/components/common/atoms/domain/ui/useDomainCardTemplates.tsx:120 📄 openmetadata-ui/src/main/resources/ui/src/components/common/atoms/domain/ui/useDomainCardTemplates.tsx:160 📄 openmetadata-ui/src/main/resources/ui/src/components/common/atoms/domain/ui/useDomainCardTemplates.tsx:172 📄 openmetadata-ui/src/main/resources/ui/src/components/common/atoms/domain/ui/useDomainCardTemplates.tsx:187 📄 openmetadata-ui/src/main/resources/ui/src/components/common/atoms/domain/ui/useDomainCardTemplates.tsx:200
The domain card template's Grid.Item elements (lines 79, 91, 107, 120) are missing the tw:min-w-0 tw:overflow-hidden classes that the data product card template correctly includes (lines 160, 172, 187, 200). The old MUI code had minWidth: 0, overflow: 'hidden' on all Box elements in both templates. Without these classes, long owner names, tags, or glossary terms could overflow the grid cell and break the card layout.

Options

Auto-apply is off → Gitar will not commit updates to this branch.
Display: compact → Showing less information.

Comment with these commands to change:

Auto-apply Compact
gitar auto-apply:on         
gitar display:verbose         

Was this helpful? React with 👍 / 👎 | Gitar

@sonarqubecloud
Copy link

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

Labels

safe to test Add this label to run secure Github workflows on PRs

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants