fix(deps): update dependency @headlessui/react to v1.7.18

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@headlessui/react (source)	1.5.0 -> 1.7.18

---

Release Notes

tailwindlabs/headlessui (@​headlessui/react)

v1.7.18

Compare Source

Fixed

• Don't call <Dialog>'s onClose twice on mobile devices (#​2690)
• Lazily resolve default containers in <Dialog> (#​2697)
• Ensure hidden Tab.Panel components are hidden from the accessibility tree (#​2708)
• Add support for role="alertdialog" to <Dialog> component (#​2709)
• Ensure blurring the Combobox.Input component closes the Combobox (#​2712)
• Allow changes to the className prop when the <Transition /> component is currently not transitioning (#​2722)
• Export (internal-only) component interfaces for TypeScript compiler (#​2313)
• Fix infinite render-loop for <Disclosure.Panel> and <Popover.Panel> when as={Fragment} (#​2760)
• Fix VoiceOver bug for Listbox component in Chrome (#​2824)
• Fix outside click detection when component is mounted in the Shadow DOM (#​2866)
• Fix CJS types (#​2880)
• Fix error when transition classes contain new lines (#​2871)
• Improve iOS locking (7721aca)

v1.7.17

Compare Source

Fixed

• Use correct value when resetting <Listbox multiple> and <Combobox multiple> (#​2626)
• Render <MainTreeNode /> in Popover.Group component only (#​2634)
• Disable smooth scrolling when opening/closing Dialog components on iOS (#​2635)
• Don't assume <Tab /> components are available when setting the next index (#​2642)
• Fix incorrectly focused Combobox.Input component on page load (#​2654)
• Ensure appear works using the Transition component (even when used with SSR) (#​2646)
• Improve resetting values when using the nullable prop on the Combobox component (#​2660)
• Fix hydration of components inside <Suspense> (#​2663)
• Prevent scrolling when focusing a tab (#​2674)

v1.7.16

Compare Source

Fixed

• Ensure the caret is in a consistent position when syncing the Combobox.Input value (#​2568)
• Improve "outside click" behaviour in combination with 3rd party libraries (#​2572)
• Ensure IME works on Android devices (#​2580)
• Calculate aria-expanded purely based on the open/closed state (#​2610)
• Submit form on Enter even if no submit-like button was found (#​2613)

v1.7.15

Compare Source

Added

• [internal] add demo mode to Menu and Popover components (#​2448)

Fixed

• Ensure FocusTrap is only active when the given enabled value is true (#​2456)
• Stop <Transition appear> from overwriting classes on re-render (#​2457)
• Improve control over Menu and Listbox options while searching (#​2471)
• Consider clicks inside iframes to be "outside" (#​2485)
• Ensure moving focus within a Portal component, does not close the Popover component (#​2492)

Changed

• Move types condition to the front (#​2469)

v1.7.14

Compare Source

Fixed

• Fix focus styles showing up when using the mouse (#​2347)
• Fix "Can't perform a React state update on an unmounted component." when using the Transition component (#​2374)
• Add FocusTrap event listeners once document has loaded (#​2389)
• Fix className hydration for <Transition appear> (#​2390)
• Improve Combobox types to improve false positives (#​2411)
• Merge className correctly when it’s a function (#​2412)
• Correctly handle IME composition in <Combobox.Input> (#​2426)

Added

• Add form prop to form-like components such as RadioGroup, Switch, Listbox, and Combobox (#​2356)

v1.7.13

Compare Source

Fixed

• Ensure Transition component completes if nothing is transitioning (#​2318)
• Enable native label behavior for <Switch> where possible (#​2265)
• Allow root containers from the Dialog component in the FocusTrap component (#​2322)
• Fix XYZPropsWeControl and cleanup internal TypeScript types (#​2329)
• Fix invalid warning when using multiple Popover.Button components inside a Popover.Panel (#​2333)
• Fix restore focus to buttons in Safari, when Dialog component closes (#​2326)

v1.7.12

Compare Source

Added

• Add explicit props types for every component (#​2282)

Fixed

• Ensure the main tree and parent Dialog components are marked as inert (#​2290)
• Fix nested Popover components not opening (#​2293)
• Make React types more compatible with other libraries (#​2282)
• Fix Dialog cleanup when the Dialog becomes hidden (#​2303)

v1.7.11

Compare Source

Fixed

• Ensure we handle null values for the dataRef correctly (#​2258)
• Move aria-multiselectable to [role=listbox] in the Combobox component (#​2271)
• Re-focus Combobox.Input when a Combobox.Option is selected (#​2272)
• Ensure we reset the activeOptionIndex if the active option is unmounted (#​2274)
• Improve Ref type for forwarded Switch's ref (#​2277)
• Start cleanup phase of the Dialog component when going into the Closing state (#​2264)

v1.7.10

Compare Source

Fixed

• Revert "Use the import * as React from 'react' pattern (#​2242)

v1.7.9

Compare Source

Fixed

• Fix SSR tab hydration when using Strict Mode in development (#​2231)
• Don't break overflow when multiple dialogs are open at the same time (#​2215)
• Fix "This Suspense boundary received an update before it finished hydrating" error in the Disclosure component (#​2238)
• Use the import * as React from 'react' pattern (#​2242)

v1.7.8

Compare Source

Fixed

• Fix SSR tab rendering on React 17 (#​2102)
• Fix arrow key handling in Tab (after DOM order changes) (#​2145)
• Fix false positive warning about using multiple <Popover.Button> components (#​2146)
• Fix Tab key with non focusable elements in Popover.Panel (#​2147)
• Fix false positive warning when using <Popover.Button /> in React 17 (#​2163)
• Fix failed to removeChild on Node bug (#​2164)
• Don’t overwrite classes during SSR when rendering fragments (#​2173)
• Improve Combobox accessibility (#​2153)
• Fix crash when reading headlessuiFocusGuard of relatedTarget in the FocusTrap component (#​2203)
• Fix FocusTrap in Dialog when there is only 1 focusable element (#​2172)
• Improve Tabs wrapping around when controlling the component and overflowing the selectedIndex (#​2213)
• Fix shadow-root bug closing Dialog containers (#​2217)

Added

• Allow setting tabIndex on the Tab.Panel (#​2214)

v1.7.7

Compare Source

Fixed

• Improve scroll restoration after Dialog closes (b20e48dd)

v1.7.6

Compare Source

Fixed

• Fix regression where displayValue crashes (#​2087)
• Fix displayValue syncing when Combobox.Input is unmounted and re-mounted in different trees (#​2090)
• Fix FocusTrap escape due to strange tabindex values (#​2093)
• Improve scroll locking on iOS (#​2100, 28234b0e)

v1.7.5

Compare Source

Fixed

• Reset form-like components when the parent <form> resets (#​2004)
• Add warning when using <Popover.Button /> multiple times (#​2007)
• Ensure Popover doesn't crash when focus is going to window (#​2019)
• Ensure shift+home and shift+end works as expected in the Combobox.Input component (#​2024)
• Improve syncing of the Combobox.Input value (#​2042)
• Fix crash when using multiple mode without value prop (uncontrolled) for Listbox and Combobox components (#​2058)
• Apply enter and enterFrom classes in SSR for Transition component (#​2059)
• Allow passing in your own id prop (#​2060)
• Fix Dialog unmounting problem due to incorrect transitioncancel event in the Transition component on Android (#​2071)
• Ignore pointer events in Listbox, Menu, and Combobox when cursor hasn't moved (#​2069)
• Allow clicks inside dialog panel when target is inside shadow root (#​2079)

v1.7.4

Compare Source

Fixed

• Fix <Popover.Button as={Fragment} /> crash (#​1889)
• Expose close function for Menu and Menu.Item components (#​1897)
• Fix useOutsideClick, add improvements for ShadowDOM (#​1914)
• Fire <Combobox.Input>'s onChange handler when changing the value internally (#​1916)
• Add client-only to mark everything as client components (#​1981)

Added

• Warn when changing components between controlled and uncontrolled (#​1878)

v1.7.3

Compare Source

Fixed

• Improve Portal detection for Popover components (#​1842)
• Fix useOutsideClick swallowing events inside ShadowDOM (#​1876)
• Fix Tab incorrectly activating on focus event (#​1887)

v1.7.2

Compare Source

Fixed

• Prevent option selection in Combobox.Input while composing (#​1850)
• Ensure we handle the static prop in Tab.Panel components correctly (#​1856)

v1.7.1

Compare Source

Fixed

• Use correct value when resetting <Listbox multiple> and <Combobox multiple> (#​2626)
• Render <MainTreeNode /> in Popover.Group component only (#​2634)
• Disable smooth scrolling when opening/closing Dialog components on iOS (#​2635)
• Don't assume <Tab /> components are available when setting the next index (#​2642)
• Fix incorrectly focused Combobox.Input component on page load (#​2654)
• Ensure appear works using the Transition component (even when used with SSR) (#​2646)
• Improve resetting values when using the nullable prop on the Combobox component (#​2660)
• Fix hydration of components inside <Suspense> (#​2663)
• Prevent scrolling when focusing a tab (#​2674)

v1.7.0

Compare Source

Added

• Add by prop for Listbox, Combobox and RadioGroup (#​1482, #​1717, #​1814, #​1815)
• Make form components uncontrollable (#​1683)
• Add @headlessui/tailwindcss plugin (#​1487)

Fixed

• Fixed SSR support on Deno (#​1671)
• Don’t close dialog when opened during mouse up event (#​1667)
• Don’t close dialog when drag ends outside dialog (#​1667)
• Fix outside clicks to close dialog when nested, unopened dialogs are present (#​1667)
• Close Menu component when using tab key (#​1673)
• Resync input when display value changes (#​1679, #​1755)
• Ensure controlled Tabs don't change automagically (#​1680)
• Don't scroll lock when a Transition + Dialog is mounted but hidden (#​1681)
• Allow Popover close to be passed directly to onClick handlers (#​1696)
• Improve outside click on Safari iOS (#​1712)
• Improve event handler merging (#​1715)
• Fix incorrect scrolling to the bottom when opening a Dialog (#​1716)
• Improve Combobox re-opening keyboard issue on mobile (#​1732)
• Ensure Disclosure.Panel is properly linked (#​1747)
• Only select the active option when using "singular" mode when pressing <tab> in the Combobox component (#​1750)
• Improve the types of the Combobox component (#​1761)
• Only restore focus to the Menu.Button if necessary when activating a Menu.Option (#​1782)
• Don't scroll when wrapping around in focus trap (#​1789)
• Fix Transition component's incorrect cleanup and order of events (#​1803)
• Ensure enter transitions work when using unmount={false} (#​1811)
• Improve accessibility when announcing Listbox.Option and Combobox.Option components (#​1812)
• Fix ref stealing from children (#​1820)
• Expose the value from the Combobox and Listbox components render prop (#​1822)
• Improve scroll lock on iOS (#​1824)
• Fix maximum call stack size exceeded error on Tab component when using as={Fragment} (#​1826)
• Fix "blank" screen on initial load of Transition component (#​1823)

v1.6.6

Compare Source

Fixed

• Ensure CMD+Backspace works in nullable mode for Combobox component (#​1617)

v1.6.5

Compare Source

Fixed

• Fix incorrect transitionend/transitioncancel events for the Transition component (#​1537)
• Improve outside click of Dialog component (#​1546)
• Detect outside clicks from within <iframe> elements (#​1552)
• Improve Combobox input cursor position (#​1574)
• Fix scrolling issue in Tab component when using arrow keys (#​1584)

v1.6.4

Compare Source

Fixed

• Ensure Escape propagates correctly in Combobox component (#​1511)
• Remove leftover code in Combobox component (#​1514)
• Fix event handlers with arity > 1 (#​1515)
• Fix transition enter bug (#​1519)
• Fix render prop data in RadioGroup component (#​1522)

v1.6.3

Compare Source

Fixed

• Allow to override the type on the Combobox.Input (#​1476)
• Ensure the the <Popover.Panel focus> closes correctly (#​1477)
• Only render the FocusSentinel if required in the Tabs component (#​1493)
• Ensure the Transition stops once DOM Nodes are hidden (#​1500)

v1.6.2

Compare Source

Fixed

• Fix closing of Popover.Panel in React 18 (#​1409)
• Ignore Escape when event got prevented in Dialog component (#​1424)
• Improve FocusTrap behaviour (#​1432)
• Simplify Popover Tab logic by using sentinel nodes instead of keydown event interception (#​1440)
• Ensure the Popover.Panel is clickable without closing the Popover (#​1443)
• Improve "Scroll lock" scrollbar width for Dialog component (#​1457)
• Make the ref optional in the Popover component (#​1465)
• Ensure the ref is forwarded on the Transition.Child component (#​1473)

v1.6.1

Compare Source

Fixed

• Fix hydration issue with Tab component (#​1393)

v1.6.0

Compare Source

Fixed

• Ensure that you can add the ref prop to all components (#​1116)
• Ensure links are triggered inside Popover.Panel components (#​1153)
• Improve SSR for Tab component (#​1155)
• Fix hover scroll issue in Listbox, Combobox and Menu components (#​1161)
• Guarantee DOM sort order when performing Listbox, Combobox and Menu actions (#​1168)
• Fix <Transition> flickering issue (#​1118)
• Improve outside click support (#​1175)
• Ensure that appear prop on the <Transition> component works regardless of multiple rerenders (#​1179)
• Reset Combobox.Input when the value gets reset (#​1181)
• Fix double beforeEnter callback on the <Transition> component caused by SSR (#​1183)
• Adjust active item/option index on Listbox, Combobox and Menu components (#​1184)
• Only activate the Tab on mouseup (#​1192)
• Ignore "outside click" on removed elements (#​1193)
• Remove focus() from Listbox.Option (#​1218)
• Improve some internal code (#​1221)
• Use ownerDocument instead of document (#​1158)
• Ensure focus trapping plays well with the Tab and Dialog components (#​1231)
• Improve syncing of Combobox.Input value (#​1248)
• Fix tree-shaking support (#​1247)
• Stop propagation on the Popover.Button (#​1263)
• Fix incorrect active option in the Listbox and Combobox components (#​1264)
• Properly merge incoming props (#​1265)
• Fix incorrect closing while interacting with third party libraries in Dialog component (#​1268)
• Mimic browser select on focus when navigating the Tab component (#​1272)
• Ensure that there is always an active option in the Combobox (#​1279, #​1281)
• Support classic form submissions in RadioGroup, Switch and Combobox components (#​1285)
• Add React 18 compatibility (#​1326)
• Fix open/closed state issue in Dialog (#​1360)

Added

• Add classic form submission compatibility via new hidden inputs (#​1214)
• Add multiple value support to Listbox and Combobox components (#​1243, #​1355)
• Add support for clearing the value of a Combobox (#​1295)
• Add Dialog.Backdrop and Dialog.Panel components (#​1333)

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by Mend Renovate. View repository job log here.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/virth/tlmt/Gm4igNTaE2bQTnk2AHmZCaS9m31S
✅ Preview: https://tlmt-git-renovate-headlessui-react-1x-virth.vercel.app

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
tlmt	❌ Failed (Inspect)			Jan 8, 2024 3:40pm