Description
Upgrades Headless UI to the latest v2 major, adopting the new standalone component API (e.g. MenuButton, MenuItems, DialogBackdrop, DisclosureButton, DisclosurePanel, PopoverButton, PopoverPanel, ListboxButton, ListboxOptions, ListboxOption, Radio, Label, DialogBackdrop) in place of the old subcomponent pattern (Menu.Button, Menu.Items, Dialog.Overlay, etc.).
Related Issues
Related Pull Requests
Checklist
- Changes have been tested locally.
- Unit tests have been written or updated as necessary.
- The code adheres to the repository's coding standards.
- Relevant documentation has been added or updated.
- No new warnings or errors have been introduced.
- SonarCloud issues have been reviewed and addressed.
- QA Passed
Testing Process
Components updated
ShareLayoutFileViewerNameCollisionDialogUserRoleSelectionUserOptionsShareInviteDialogAvailableCryptoCurrenciesDropdownCheckoutProductCardOptionalB2BDropdownDriveExplorerGridItemDriveItemDropdownActionsFrecuentlyAskedQuestionsItemsDropdownAccessLogsFilterOptions
QA testing guide
| Component | How to reach & test |
|---|---|
| File viewer (preview overlay) | Go to Drive -> double-click any photo. Check that the backdrop covers the screen, close button works, and navigation arrows + action buttons behave as before. |
| Name collision dialog | Go to Drive -> upload a file whose name already exists in the current folder. Test both "Replace" and "Keep both" radio options. |
| Share dialog – General access dropdown | Go to Drive -> right-click any file/folder -> Share. Click the "Public" / "Restricted" dropdown and verify you can switch access level and stop sharing. |
| Share dialog – User role popover | In the same Share dialog, click the role badge on any invited user row. Verify "Editor", "Reader", and "Remove" options appear and work. |
| Share invite dialog | In the Share dialog, click "Invite people". Type an email, select a role, toggle "Notify users", and click "Invite". Verify the invite list updates correctly. |
| Checkout – Crypto currency dropdown | Go to Checkout (/checkout) -> in the payment section, click the crypto selector and verify the coin list opens.
|
| Checkout – Coupon input | Go to Checkout -> in the plan summary card, click "Add a coupon code". Verify the input expands inline. |
| Checkout – B2B billing dropdown | Go to Checkout -> scroll to billing details -> click "Company billing". Verify Company Name and VAT ID inputs expand. |
| Drive grid items + dropdown actions | Go to Drive -> switch to grid view. Hover any file/folder card and click the ... button. Verify all actions (Preview, Share, Download, Rename, Move, Trash) appear and work. Also test via right-click.
|
| Settings – FAQ accordion | Go to Settings -> Account -> Security -> scroll to the bottom. Click each FAQ question and verify it expands/collapses smoothly. |
| Settings – Language selector | Go to Settings -> General -> find the Language section. Click the current language and verify the list opens and selection changes the UI locale. |
| Settings – Workspace access logs filters | Go to Settings -> Workspace -> Access Logs (workspace admin only) → click "Filters". Verify the filter panel opens, filters work, and "Clear all" resets everything. |
| Public share layout | Open a shared link (e.g. https://drive.internxt.com/sh/file/<token>). Verify the layout renders correctly with top bar, banner, and file download area.
|