Update dependency @headlessui/react to v2 #46

renovate · 2024-12-09T07:23:06Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@headlessui/react (source)	`1.6.1` -> `2.2.0`

Release Notes

tailwindlabs/headlessui (@headlessui/react)

`v2.2.0`

Compare Source

Added

Add React 19 support (#3543)

`v2.1.10`

Compare Source

Fixed

Use React.JSX instead of deprecated global JSX (#3511)
Fix crash in ListboxOptions when using as={Fragment} (#3513)

`v2.1.9`

Compare Source

Fixed

Ensure Element is available before polyfilling to prevent crashes in non-browser environments (#3493)
Fix crash when using instanceof HTMLElement in some environments (#3494)
Cleanup process in Combobox component when using virtualization (#3495)

`v2.1.8`

Compare Source

Fixed

Fix crash when using as={Fragment} on MenuButton, ListboxButton, DisclosureButton or Button components (#3478)

`v2.1.7`

Compare Source

Fixed

Prevent crash in environments where Element.prototype.getAnimations is not available (#3473)

`v2.1.6`

Compare Source

Fixed

Fix ListboxOptions being incorrectly marked as inert (#3466)
Fix crash when using DisclosureButton inside of a DisclosurePanel when the Disclosure is open by default (#3465)

`v2.1.5`

Compare Source

Fixed

Fix transition bug on Firefox, triggered by clicking the PopoverButton in rapid succession (#3452)

`v2.1.4`

Compare Source

Fixed

Fix components not closing properly when using the transition prop (#3448)

`v2.1.3`

Compare Source

Fixed

Ensure Transition component state doesn't change when it becomes hidden (#3372)
Fix closing components using the transition prop, and after scrolling the page (#3407)
Ensure all client components are marked correctly to avoid a crash with React 19 and Turbopack (#3429)

`v2.1.2`

Compare Source

Fixed

Fix prematurely added anchoring styles on ListboxOptions (#3337)
Ensure unmount on Dialog works in combination with the transition prop on DialogBackdrop and DialogPanel components (#3352)
Fix crash in Combobox component when in virtual mode when options are empty (#3356)
Fix hanging tests when using anchor prop (#3357)
Fix transition and focus prop combination for PopoverPanel component (#3361)
Fix outside click in nested portalled Popover components (#3362)
Fix restoring focus to correct element when closing Dialog component (#3365)
Fix flushSync warning for Combobox component with immediate prop enabled (#3366)

`v2.1.1`

Compare Source

Fixed

Fix issues spreading omitted props onto components (#3313)
Fix initial anchor="selection" positioning (#3324)
Fix render prop in ComboboxOptions to use any instead of unknown (#3327)
Fix incorrect Transition boundary for Dialog component (#3331)

`v2.1.0`

Compare Source

Added

Add ability to render multiple Dialog components at once (without nesting them) (#3242)
Add new data-attribute-based transition API (#3273, #3285, #3307, #3309, #3312)
Add DialogBackdrop component (#3307, #3310)
Add PopoverBackdrop component to replace PopoverOverlay (#3308)

Fixed

Keep Combobox open when clicking scrollbar in ComboboxOptions (#3249)
Ensure ComboboxInput does not sync with current value while typing (#3259)
Fix visual jitter in Combobox component when using native scrollbar (#3190)
Improve UX by freezing ComboboxOptions while closing (#3304)
Merge incoming style prop on ComboboxOptions, ListboxOptions, MenuItems, and PopoverPanel components (#3250)
Prevent focus on Checkbox when it is disabled (#3251)
Use useId instead of React internals (for React 19 compatibility) (#3254)
Cancel outside click behavior on touch devices when scrolling (#3266)
Correctly apply conditional classes when using Transition and TransitionChild components (#3303)

Changed

Allow using the Tab and Shift+Tab keys when the Listbox component is open (#3284)

`v2.0.4`

Compare Source

Fixed

[internal] Don’t set a focus fallback for Dialog’s in demo mode (#3194)
Ensure page doesn't scroll down when pressing Escape to close the Dialog component (#3218)
Fix crash when toggling between virtual and non-virtual mode in Combobox component (#3236)
Ensure tabbing to a portalled <PopoverPanel> component moves focus inside (without using <PortalGroup>) (#3239)
Only handle form reset when defaultValue is used (#3240)

Deprecated

Mark SwitchGroup as deprecated, prefer Field instead (#3232)

Changed

Use native fieldset instead of div by default for <Fieldset /> component (#3237)

`v2.0.3`

Compare Source

Fixed

Make sure disabling demo mode on <Combobox> works (#3182)

`v2.0.2`

Compare Source

Fixed

Improve performance of internal useInertOthers hook (#3181)

`v2.0.1`

Compare Source

Fixed

Remove accidental deprecation comments on <DialogPanel> and <DialogTitle> (#3176)

`v2.0.0`

Compare Source

Added

Add new Checkbox component (#2887, #2962)
Add new Button component (#2887)
Add new Input component (#2887, #2902, #2940)
Add new Textarea component (#2887, #2902, #2940)
Add new Select component (#2887, #2902)
Add new Fieldset and Legend components (#2887)
Add new Field, Label, and Description components (#2887, #2941)
Add new MenuSection, MenuHeading, and MenuSeparator components (#2887)
Add new ListboxSelectedOption component (#2887)
Add new DataInteractive component (#2887)
Add new CloseButton component and useClose hook (#3096)
Add new anchor, modal, and portal props to Combobox, Listbox, Menu and Popover components (#2887, #3075, #3097, #3111, #3115, #3121, #3124, #3133, #3138, #3148, #3152, #3154, #3157)
Add new autoFocus prop to focusable components (#2887)
Add new virtual prop to Combobox component (#2779, #3128, #3160, #3161, #3163)
Add new onClose prop to Combobox component (#3122)
Add new immediate prop to Combobox for immediately opening the Combobox when the input receives focus (#2686)
Add new --button-width CSS variable on the ListboxOptions, MenuItems, and PopoverPanel components (#2887, #3058)
Add new --input-width and --button-width CSS variables on the ComboboxOptions component (#3057)
Add new data-* attributes as an alternative to the existing data-headlessui-state attribute (#2887, #3035, #3061)

Fixed

Fix scroll-locking on iOS (#2891)
Fix cancellation of events when using disabled or aria-disabled attributes (#2890)
Fix unnecessary execution of the displayValue callback in ComboboxInput component (#3048)
Fix types for multiple prop in Combobox component (#3099)
Fix focus handling in ComboboxInput component (#3065, #3073)
Fix enter transitions in Transition component (#3074)
Fix focus handling in ListboxOptions and MenuItems components (#3112)
Fix horizontal scrolling inside the Dialog component (#2889)
Don’t cancel touchmove on input elements inside a dialog (#3166)

Changed

Require React 18 (#2887, #3092, #3131)
Always render hidden form input fields for Checkbox, Switch, and RadioGroup components (#3095)
Deprecate the RadioGroup.Option component in favor of new Radio component (#2887)
Dialog is now focused by default instead of the first focusable element (#2887)
Change default tags for ListboxOptions, ListboxOption, ComboboxOptions, ComboboxOption, and TabGroup components (#3109)
Change default tag from div to Fragment on Transition components (#3110, #3147)
Allow Combobox component to have a null value (#3064, #3100)
Attempt form submission when pressing enter on the ListboxButton component (#2972)
Deprecate the entered prop on the Transition component (#3089)
Deprecate dot notation for components (#2887, #3170)
Add frozen value to ComboboxOptions component (#3126)
Remove deprecated DialogBackdrop and DialogOverlay components (#3171)

`v1.7.19`

Compare Source

Fixed

Make sure panels re-register when IDs are calculated in React < 18 (#2883)
Expose disabled state on <Tab /> component (#2918)
Prevent default behavior when clicking outside of a Dialog.Panel (#2919)
Add hidden attribute to internal <Hidden /> component when the Features.Hidden feature is used (#2955)
Allow setting custom tabIndex on the <Switch /> component (#2966)
Forward disabled state to hidden inputs in form-like components (#3004)
Respect selectedIndex for controlled <Tab/> components (#3037)

`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)

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 was generated by Mend Renovate. View the repository job log.

renovate · 2024-12-09T07:23:07Z

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

any of the package files in this branch needs updating, or
the branch becomes conflicted, or
you click the rebase/retry checkbox if found above, or
you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: yarn.lock

/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:21609
    throw new Error(
          ^

Error: Error when performing the request to https://registry.npmjs.org/yarn/latest; for troubleshooting help, see https://github.com/nodejs/corepack#troubleshooting
    at fetch (/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:21609:11)
    at async fetchAsJson (/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:21623:20)
    ... 4 lines matching cause stack trace ...
    at async Object.runMain (/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:23102:5) {
  [cause]: TypeError: globalThis.fetch is not a function
      at fetch (/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:21603:33)
      at async fetchAsJson (/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:21623:20)
      at async fetchLatestStableVersion (/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:21550:20)
      at async fetchLatestStableVersion2 (/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:21672:14)
      at async Engine.getDefaultVersion (/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:22298:23)
      at async Engine.executePackageManagerRequest (/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:22396:47)
      at async Object.runMain (/opt/containerbase/tools/corepack/0.30.0/16.20.2/node_modules/corepack/dist/lib/corepack.cjs:23102:5)
}

Update dependency @headlessui/react to v2

d533764

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update dependency @headlessui/react to v2 #46

Update dependency @headlessui/react to v2 #46

renovate bot commented Dec 9, 2024

renovate bot commented Dec 9, 2024

Update dependency @headlessui/react to v2 #46

Are you sure you want to change the base?

Update dependency @headlessui/react to v2 #46

Conversation

renovate bot commented Dec 9, 2024

Release Notes

Added

Fixed

Fixed

Fixed

Fixed

Fixed

Fixed

Fixed

Fixed

Fixed

Fixed

Added

Fixed

Changed

Fixed

Deprecated

Changed

Fixed

Fixed

Fixed

Added

Fixed

Changed

Fixed

Fixed

Fixed

Fixed

Added

Fixed

Changed

Fixed

Added

Fixed

Added

Fixed

Fixed

Fixed

Fixed

Fixed

Added

Fixed

Fixed

Fixed

Fixed

Added

Fixed

Fixed

Fixed

Added

Fixed

Fixed

Fixed

Fixed

Fixed

Fixed

Configuration

renovate bot commented Dec 9, 2024

⚠️ Artifact update problem

File name: yarn.lock