Admin UI Publisher Restriction UX Enhancements

[gilluminate]

Description Of Changes

Improves vendor restriction handling in TCF consent settings and fixes UI components. Updates the vendor restriction form to better handle input validation and adds a reusable text header component with info tooltips.

Code Changes

• Added new TextWithInfoIconHeader component for consistent header styling with tooltips
• Updated vendor restriction form to:
  • Fix validation logic for "Restrict All Vendors" option
  • Add token separators for vendor ID input (to handle commas and spaces correctly)
  • Remove unnecessary key event handling

Steps to Confirm

1. Make sure Publisher restrictions feature flag is enabled in /settings/about
2. Go to Consent settings /settings/consent and make sure "Override vendor purposes" is enabled
3. Create a new Configuration
4. Edit a purpose and add a restriction
5. Select a Restriction type and either vendor restriction that is NOT Restrict all vendors
6. Paste the following in to the Vendor IDs field: 100,200,300 and press the return key
7. The field should convert that to individual tags
8. Now try typing in "100 200 300" with spaces and press the return key.
9. Pasting and typing should work for both commas and spaces. Play around with that.
10. Confirm info tooltip appears correctly in Vendors table header

Pre-Merge Checklist

• Issue requirements met
• All CI pipelines succeeded
• CHANGELOG.md updated
  • Add a db-migration This indicates that a change includes a database migration label to the entry if your change includes a DB migration
  • Add a high-risk This issue suggests changes that have a high-probability of breaking existing code label to the entry if your change includes a high-risk change (i.e. potential for performance impact or unexpected regression) that should be flagged
  • Updates unreleased work already in Changelog, no new entry necessary
• Followup issues:
  • Followup issues created
  • No followup issues
• Database migrations:
  • Ensure that your downrev is up to date with the latest revision on main
  • Ensure that your downgrade() migration is correct and works
    • If a downgrade migration is not possible for this change, please call this out in the PR description!
  • No migrations
• Documentation:
  • Documentation complete, PR opened in fidesdocs
  • Documentation issue created in fidesdocs
  • If there are any new client scopes created as part of the pull request, remember to update public-facing documentation that references our scope registry
  • No documentation updates required

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
fides-privacy-center	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 1, 2025 3:26pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
fides-plus-nightly	⬜️ Ignored (Inspect)	Visit Preview		May 1, 2025 3:26pm

[gilluminate]

Thank you Ant!

[cypress]

fides    Run #12890

Run Properties:   Passed #12890  •  9767889ef6: Admin UI Publisher Restriction UX Enhancements (#6101)

Project	fides
Branch Review	main
Run status	Passed #12890
Run duration	00m 56s
Commit	9767889ef6: Admin UI Publisher Restriction UX Enhancements (#6101)
Committer	Jason Gill
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	0
Skipped	0
Passing	5
View all changes introduced in this branch ↗︎