-
Notifications
You must be signed in to change notification settings - Fork 1.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Make sure disabling demo mode on <Combobox>
works
#3182
Merged
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
nicolewhite
pushed a commit
to autoblocksai/autoblocks-examples
that referenced
this pull request
May 13, 2024
[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@headlessui/react](https://github.com/tailwindlabs/headlessui) ([source](https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react)) | [`^1.7.13` -> `^2.0.0`](https://renovatebot.com/diffs/npm/@headlessui%2freact/1.7.19/2.0.3) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@headlessui%2freact/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@headlessui%2freact/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@headlessui%2freact/1.7.19/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@headlessui%2freact/1.7.19/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>tailwindlabs/headlessui (@​headlessui/react)</summary> ### [`v2.0.3`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@​headlessui-react/CHANGELOG.md#203---2024-05-07) [Compare Source](https://github.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.2...@headlessui/react@v2.0.3) ##### Fixed - Make sure disabling demo mode on `<Combobox>` works ([#​3182](hhttps://github.com/tailwindlabs/headlessui/pull/3182)) ### [`v2.0.2`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@​headlessui-react/CHANGELOG.md#202---2024-05-07) [Compare Source](https://github.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.1...@headlessui/react@v2.0.2) ##### Fixed - Improve performance of internal `useInertOthers` hook ([#​3181](https://github.com/tailwindlabs/headlessui/pull/3181)) ### [`v2.0.1`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@​headlessui-react/CHANGELOG.md#201---2024-05-06) [Compare Source](https://github.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.0...@headlessui/react@v2.0.1) ##### Fixed - Remove accidental deprecation comments on `<DialogPanel>` and `<DialogTitle>` ([#​3176](https://github.com/tailwindlabs/headlessui/pull/3176)) ### [`v2.0.0`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@​headlessui-react/CHANGELOG.md#200---2024-05-06) [Compare Source](https://github.com/tailwindlabs/headlessui/compare/@headlessui/react@v1.7.19...@headlessui/react@v2.0.0) ##### Added - Add new `Checkbox` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​2962](https://github.com/tailwindlabs/headlessui/pull/2962)) - Add new `Button` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `Input` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​2902](https://github.com/tailwindlabs/headlessui/pull/2902), [#​2940](https://github.com/tailwindlabs/headlessui/pull/2940)) - Add new `Textarea` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​2902](https://github.com/tailwindlabs/headlessui/pull/2902), [#​2940](https://github.com/tailwindlabs/headlessui/pull/2940)) - Add new `Select` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​2902](https://github.com/tailwindlabs/headlessui/pull/2902)) - Add new `Fieldset` and `Legend` components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `Field`, `Label`, and `Description` components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​2941](https://github.com/tailwindlabs/headlessui/pull/2941)) - Add new `MenuSection`, `MenuHeading`, and `MenuSeparator` components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `ListboxSelectedOption` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `DataInteractive` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `CloseButton` component and `useClose` hook ([#​3096](https://github.com/tailwindlabs/headlessui/pull/3096)) - Add new `anchor`, `modal`, and `portal` props to `Combobox`, `Listbox`, `Menu` and `Popover` components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​3075](https://github.com/tailwindlabs/headlessui/pull/3075), [#​3097](https://github.com/tailwindlabs/headlessui/pull/3097), [#​3111](https://github.com/tailwindlabs/headlessui/pull/3111), [#​3115](https://github.com/tailwindlabs/headlessui/pull/3115), [#​3121](https://github.com/tailwindlabs/headlessui/pull/3121), [#​3124](https://github.com/tailwindlabs/headlessui/pull/3124), [#​3133](https://github.com/tailwindlabs/headlessui/pull/3133), [#​3138](https://github.com/tailwindlabs/headlessui/pull/3138), [#​3148](https://github.com/tailwindlabs/headlessui/pull/3148), [#​3152](https://github.com/tailwindlabs/headlessui/pull/3152), [#​3154](https://github.com/tailwindlabs/headlessui/pull/3154), [#​3157](https://github.com/tailwindlabs/headlessui/pull/3157)) - Add new `autoFocus` prop to focusable components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `virtual` prop to `Combobox` component ([#​2779](https://github.com/tailwindlabs/headlessui/pull/2779), [#​3128](https://github.com/tailwindlabs/headlessui/pull/3128), [#​3160](https://github.com/tailwindlabs/headlessui/pull/3160), [#​3161](https://github.com/tailwindlabs/headlessui/pull/3161), [#​3163](https://github.com/tailwindlabs/headlessui/pull/3163)) - Add new `onClose` prop to `Combobox` component ([#​3122](https://github.com/tailwindlabs/headlessui/pull/3122)) - Add new `immediate` prop to `Combobox` for immediately opening the Combobox when the `input` receives focus ([#​2686](https://github.com/tailwindlabs/headlessui/pull/2686)) - Add new `--button-width` CSS variable on the `ListboxOptions`, `MenuItems`, and `PopoverPanel` components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​3058](https://github.com/tailwindlabs/headlessui/pull/3058)) - Add new `--input-width` and `--button-width` CSS variables on the `ComboboxOptions` component ([#​3057](https://github.com/tailwindlabs/headlessui/pull/3057)) - Add new `data-*` attributes as an alternative to the existing `data-headlessui-state` attribute ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​3035](https://github.com/tailwindlabs/headlessui/pull/3035), [#​3061](https://github.com/tailwindlabs/headlessui/pull/3061)) ##### Fixed - Fix scroll-locking on iOS ([#​2891](https://github.com/tailwindlabs/headlessui/pull/2891)) - Fix cancellation of events when using `disabled` or `aria-disabled` attributes ([#​2890](https://github.com/tailwindlabs/headlessui/pull/2890)) - Fix unnecessary execution of the `displayValue` callback in `ComboboxInput` component ([#​3048](https://github.com/tailwindlabs/headlessui/pull/3048)) - Fix types for `multiple` prop in `Combobox` component ([#​3099](https://github.com/tailwindlabs/headlessui/pull/3099)) - Fix focus handling in `ComboboxInput` component ([#​3065](https://github.com/tailwindlabs/headlessui/pull/3065), [#​3073](https://github.com/tailwindlabs/headlessui/pull/3073)) - Fix enter transitions in `Transition` component ([#​3074](https://github.com/tailwindlabs/headlessui/pull/3074)) - Fix focus handling in `ListboxOptions` and `MenuItems` components ([#​3112](https://github.com/tailwindlabs/headlessui/pull/3112)) - Fix horizontal scrolling inside the `Dialog` component ([#​2889](https://github.com/tailwindlabs/headlessui/pull/2889)) - Don’t cancel `touchmove` on `input` elements inside a dialog ([#​3166](https://github.com/tailwindlabs/headlessui/pull/3166)) ##### Changed - Require React 18 ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​3092](https://github.com/tailwindlabs/headlessui/pull/3092), [#​3131](https://github.com/tailwindlabs/headlessui/pull/3131)) - Always render hidden form input fields for `Checkbox`, `Switch`, and `RadioGroup` components ([#​3095](https://github.com/tailwindlabs/headlessui/pull/3095)) - Deprecate the `RadioGroup.Option` component in favor of new `Radio` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Dialog is now focused by default instead of the first focusable element ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Change default tags for `ListboxOptions`, `ListboxOption`, `ComboboxOptions`, `ComboboxOption`, and `TabGroup` components ([#​3109](https://github.com/tailwindlabs/headlessui/pull/3109)) - Change default tag from `div` to `Fragment` on `Transition` components ([#​3110](https://github.com/tailwindlabs/headlessui/pull/3110), [#​3147](https://github.com/tailwindlabs/headlessui/pull/3147)) - Allow `Combobox` component to have a `null` value ([#​3064](https://github.com/tailwindlabs/headlessui/pull/3064), [#​3100](https://github.com/tailwindlabs/headlessui/pull/3100)) - Attempt form submission when pressing enter on the `ListboxButton` component ([#​2972](https://github.com/tailwindlabs/headlessui/pull/2972)) - Deprecate the `entered` prop on the `Transition` component ([#​3089](https://github.com/tailwindlabs/headlessui/pull/3089)) - Deprecate dot notation for components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​3170](https://github.com/tailwindlabs/headlessui/pull/3170)) - Add frozen value to `ComboboxOptions` component ([#​3126](https://github.com/tailwindlabs/headlessui/pull/3126)) - Remove deprecated `DialogBackdrop` and `DialogOverlay` components ([#​3171](https://github.com/tailwindlabs/headlessui/pull/3171)) </details> --- ### 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. --- - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/autoblocksai/autoblocks-examples). <!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4zNDAuMTAiLCJ1cGRhdGVkSW5WZXIiOiIzNy4zNDAuMTAiLCJ0YXJnZXRCcmFuY2giOiJtYWluIiwibGFiZWxzIjpbXX0=--> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
crimsonstrife
added a commit
to crimsonstrife/laravel-portfolio
that referenced
this pull request
May 13, 2024
Bumps [@headlessui/react](https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react) from 2.0.1 to 2.0.3. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/tailwindlabs/headlessui/releases"><code>@headlessui/react</code>'s releases</a>.</em></p> <blockquote> <h2><code>@headlessui/react</code><a href="https://github.com/v2"><code>@v2</code></a>.0.3</h2> <h3>Fixed</h3> <ul> <li>Make sure disabling demo mode on <code><Combobox></code> works (<a href="hhttps://github.com/tailwindlabs/headlessui/pull/3182">#3182</a>)</li> </ul> <h2><code>@headlessui/react</code><a href="https://github.com/v2"><code>@v2</code></a>.0.2</h2> <h3>Fixed</h3> <ul> <li>Improve performance of internal <code>useInertOthers</code> hook (<a href="https://github.com/tailwindlabs/headlessui/pull/3181">#3181</a>)</li> </ul> </blockquote> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/tailwindlabs/headlessui/blob/main/packages/@headlessui-react/CHANGELOG.md"><code>@headlessui/react</code>'s changelog</a>.</em></p> <blockquote> <h2>[2.0.3] - 2024-05-07</h2> <h3>Fixed</h3> <ul> <li>Make sure disabling demo mode on <code><Combobox></code> works (<a href="hhttps://github.com/tailwindlabs/headlessui/pull/3182">#3182</a>)</li> </ul> <h2>[2.0.2] - 2024-05-07</h2> <h3>Fixed</h3> <ul> <li>Improve performance of internal <code>useInertOthers</code> hook (<a href="https://github.com/tailwindlabs/headlessui/pull/3181">#3181</a>)</li> </ul> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/tailwindlabs/headlessui/commit/f513614ffe6360583736dfcdc530529b5069b65f"><code>f513614</code></a> 2.0.3 - <code>@headlessui/react</code></li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/a303819018c8f28d06c1b7db2aaea2d564156be6"><code>a303819</code></a> Make sure disabling demo mode on <code>\<Combobox></code> works (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3182">#3182</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/48cf712d80dd645d0da765748701203542440b35"><code>48cf712</code></a> 2.0.2 - <code>@headlessui/react</code></li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/e0688c4865183d9634d0de5f2b3d34ebab18f08e"><code>e0688c4</code></a> Improve performance of internal <code>useInertOthers</code> hook (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3181">#3181</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/886fdf7e6c70863088a7e6ec7ade1762c48a995f"><code>886fdf7</code></a> Ensure clicking a <code>ComboboxOption</code> after filtering the options, correctly tri...</li> <li>See full diff in <a href="https://github.com/tailwindlabs/headlessui/commits/@headlessui/react@v2.0.3/packages/@headlessui-react">compare view</a></li> </ul> </details> <br /> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@headlessui/react&package-manager=npm_and_yarn&previous-version=2.0.1&new-version=2.0.3)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> <br /> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show <dependency name> ignore conditions` will show all of the ignore conditions of the specified dependency - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details>
wesbillman
pushed a commit
to block/ftl
that referenced
this pull request
May 13, 2024
[![Mend Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com) This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [@headlessui/react](https://github.com/tailwindlabs/headlessui) ([source](https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react)) | [`1.7.19` -> `2.0.3`](https://renovatebot.com/diffs/npm/@headlessui%2freact/1.7.19/2.0.3) | [![age](https://developer.mend.io/api/mc/badges/age/npm/@headlessui%2freact/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@headlessui%2freact/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@headlessui%2freact/1.7.19/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@headlessui%2freact/1.7.19/2.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>tailwindlabs/headlessui (@​headlessui/react)</summary> ### [`v2.0.3`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@​headlessui-react/CHANGELOG.md#203---2024-05-07) [Compare Source](https://github.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.2...@headlessui/react@v2.0.3) ##### Fixed - Make sure disabling demo mode on `<Combobox>` works ([#​3182](hhttps://github.com/tailwindlabs/headlessui/pull/3182)) ### [`v2.0.2`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@​headlessui-react/CHANGELOG.md#202---2024-05-07) [Compare Source](https://github.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.1...@headlessui/react@v2.0.2) ##### Fixed - Improve performance of internal `useInertOthers` hook ([#​3181](https://github.com/tailwindlabs/headlessui/pull/3181)) ### [`v2.0.1`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@​headlessui-react/CHANGELOG.md#201---2024-05-06) [Compare Source](https://github.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.0...@headlessui/react@v2.0.1) ##### Fixed - Remove accidental deprecation comments on `<DialogPanel>` and `<DialogTitle>` ([#​3176](https://github.com/tailwindlabs/headlessui/pull/3176)) ### [`v2.0.0`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@​headlessui-react/CHANGELOG.md#200---2024-05-06) [Compare Source](https://github.com/tailwindlabs/headlessui/compare/@headlessui/react@v1.7.19...@headlessui/react@v2.0.0) ##### Added - Add new `Checkbox` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​2962](https://github.com/tailwindlabs/headlessui/pull/2962)) - Add new `Button` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `Input` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​2902](https://github.com/tailwindlabs/headlessui/pull/2902), [#​2940](https://github.com/tailwindlabs/headlessui/pull/2940)) - Add new `Textarea` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​2902](https://github.com/tailwindlabs/headlessui/pull/2902), [#​2940](https://github.com/tailwindlabs/headlessui/pull/2940)) - Add new `Select` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​2902](https://github.com/tailwindlabs/headlessui/pull/2902)) - Add new `Fieldset` and `Legend` components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `Field`, `Label`, and `Description` components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​2941](https://github.com/tailwindlabs/headlessui/pull/2941)) - Add new `MenuSection`, `MenuHeading`, and `MenuSeparator` components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `ListboxSelectedOption` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `DataInteractive` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `CloseButton` component and `useClose` hook ([#​3096](https://github.com/tailwindlabs/headlessui/pull/3096)) - Add new `anchor`, `modal`, and `portal` props to `Combobox`, `Listbox`, `Menu` and `Popover` components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​3075](https://github.com/tailwindlabs/headlessui/pull/3075), [#​3097](https://github.com/tailwindlabs/headlessui/pull/3097), [#​3111](https://github.com/tailwindlabs/headlessui/pull/3111), [#​3115](https://github.com/tailwindlabs/headlessui/pull/3115), [#​3121](https://github.com/tailwindlabs/headlessui/pull/3121), [#​3124](https://github.com/tailwindlabs/headlessui/pull/3124), [#​3133](https://github.com/tailwindlabs/headlessui/pull/3133), [#​3138](https://github.com/tailwindlabs/headlessui/pull/3138), [#​3148](https://github.com/tailwindlabs/headlessui/pull/3148), [#​3152](https://github.com/tailwindlabs/headlessui/pull/3152), [#​3154](https://github.com/tailwindlabs/headlessui/pull/3154), [#​3157](https://github.com/tailwindlabs/headlessui/pull/3157)) - Add new `autoFocus` prop to focusable components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Add new `virtual` prop to `Combobox` component ([#​2779](https://github.com/tailwindlabs/headlessui/pull/2779), [#​3128](https://github.com/tailwindlabs/headlessui/pull/3128), [#​3160](https://github.com/tailwindlabs/headlessui/pull/3160), [#​3161](https://github.com/tailwindlabs/headlessui/pull/3161), [#​3163](https://github.com/tailwindlabs/headlessui/pull/3163)) - Add new `onClose` prop to `Combobox` component ([#​3122](https://github.com/tailwindlabs/headlessui/pull/3122)) - Add new `immediate` prop to `Combobox` for immediately opening the Combobox when the `input` receives focus ([#​2686](https://github.com/tailwindlabs/headlessui/pull/2686)) - Add new `--button-width` CSS variable on the `ListboxOptions`, `MenuItems`, and `PopoverPanel` components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​3058](https://github.com/tailwindlabs/headlessui/pull/3058)) - Add new `--input-width` and `--button-width` CSS variables on the `ComboboxOptions` component ([#​3057](https://github.com/tailwindlabs/headlessui/pull/3057)) - Add new `data-*` attributes as an alternative to the existing `data-headlessui-state` attribute ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​3035](https://github.com/tailwindlabs/headlessui/pull/3035), [#​3061](https://github.com/tailwindlabs/headlessui/pull/3061)) ##### Fixed - Fix scroll-locking on iOS ([#​2891](https://github.com/tailwindlabs/headlessui/pull/2891)) - Fix cancellation of events when using `disabled` or `aria-disabled` attributes ([#​2890](https://github.com/tailwindlabs/headlessui/pull/2890)) - Fix unnecessary execution of the `displayValue` callback in `ComboboxInput` component ([#​3048](https://github.com/tailwindlabs/headlessui/pull/3048)) - Fix types for `multiple` prop in `Combobox` component ([#​3099](https://github.com/tailwindlabs/headlessui/pull/3099)) - Fix focus handling in `ComboboxInput` component ([#​3065](https://github.com/tailwindlabs/headlessui/pull/3065), [#​3073](https://github.com/tailwindlabs/headlessui/pull/3073)) - Fix enter transitions in `Transition` component ([#​3074](https://github.com/tailwindlabs/headlessui/pull/3074)) - Fix focus handling in `ListboxOptions` and `MenuItems` components ([#​3112](https://github.com/tailwindlabs/headlessui/pull/3112)) - Fix horizontal scrolling inside the `Dialog` component ([#​2889](https://github.com/tailwindlabs/headlessui/pull/2889)) - Don’t cancel `touchmove` on `input` elements inside a dialog ([#​3166](https://github.com/tailwindlabs/headlessui/pull/3166)) ##### Changed - Require React 18 ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​3092](https://github.com/tailwindlabs/headlessui/pull/3092), [#​3131](https://github.com/tailwindlabs/headlessui/pull/3131)) - Always render hidden form input fields for `Checkbox`, `Switch`, and `RadioGroup` components ([#​3095](https://github.com/tailwindlabs/headlessui/pull/3095)) - Deprecate the `RadioGroup.Option` component in favor of new `Radio` component ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Dialog is now focused by default instead of the first focusable element ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887)) - Change default tags for `ListboxOptions`, `ListboxOption`, `ComboboxOptions`, `ComboboxOption`, and `TabGroup` components ([#​3109](https://github.com/tailwindlabs/headlessui/pull/3109)) - Change default tag from `div` to `Fragment` on `Transition` components ([#​3110](https://github.com/tailwindlabs/headlessui/pull/3110), [#​3147](https://github.com/tailwindlabs/headlessui/pull/3147)) - Allow `Combobox` component to have a `null` value ([#​3064](https://github.com/tailwindlabs/headlessui/pull/3064), [#​3100](https://github.com/tailwindlabs/headlessui/pull/3100)) - Attempt form submission when pressing enter on the `ListboxButton` component ([#​2972](https://github.com/tailwindlabs/headlessui/pull/2972)) - Deprecate the `entered` prop on the `Transition` component ([#​3089](https://github.com/tailwindlabs/headlessui/pull/3089)) - Deprecate dot notation for components ([#​2887](https://github.com/tailwindlabs/headlessui/pull/2887), [#​3170](https://github.com/tailwindlabs/headlessui/pull/3170)) - Add frozen value to `ComboboxOptions` component ([#​3126](https://github.com/tailwindlabs/headlessui/pull/3126)) - Remove deprecated `DialogBackdrop` and `DialogOverlay` components ([#​3171](https://github.com/tailwindlabs/headlessui/pull/3171)) </details> --- ### Configuration 📅 **Schedule**: Branch creation - "before 4am on Monday" (UTC), 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. --- - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box --- This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/TBD54566975/ftl). <!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4zNTEuMiIsInVwZGF0ZWRJblZlciI6IjM3LjM1MS4yIiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6W119--> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
shaldengeki
pushed a commit
to shaldengeki/monorepo
that referenced
this pull request
Jun 10, 2024
…-challenges/frontend (#118) Bumps [@headlessui/react](https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react) from 1.7.19 to 2.0.4. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/tailwindlabs/headlessui/releases"><code>@headlessui/react</code>'s releases</a>.</em></p> <blockquote> <h2><code>@headlessui/react</code><a href="https://github.com/v2"><code>@v2</code></a>.0.4</h2> <h3>Fixed</h3> <ul> <li>[internal] Don’t set a focus fallback for Dialog’s in demo mode (<a href="https://github.com/tailwindlabs/headlessui/pull/3194">#3194</a>)</li> <li>Ensure page doesn't scroll down when pressing <code>Escape</code> to close the <code>Dialog</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3218">#3218</a>)</li> <li>Fix crash when toggling between <code>virtual</code> and non-virtual mode in <code>Combobox</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3236">#3236</a>)</li> <li>Ensure tabbing to a portalled <code><PopoverPanel></code> component moves focus inside (without using <code><PortalGroup></code>) (<a href="https://github.com/tailwindlabs/headlessui/pull/3239">#3239</a>)</li> <li>Only handle form reset when <code>defaultValue</code> is used (<a href="https://github.com/tailwindlabs/headlessui/pull/3240">#3240</a>)</li> </ul> <h3>Deprecated</h3> <ul> <li>Mark <code>SwitchGroup</code> as deprecated, prefer <code>Field</code> instead (<a href="https://github.com/tailwindlabs/headlessui/pull/3232">#3232</a>)</li> </ul> <h3>Changed</h3> <ul> <li>Use native <code>fieldset</code> instead of <code>div</code> by default for <code><Fieldset /></code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3237">#3237</a>)</li> </ul> <h2><code>@headlessui/react</code><a href="https://github.com/v2"><code>@v2</code></a>.0.3</h2> <h3>Fixed</h3> <ul> <li>Make sure disabling demo mode on <code><Combobox></code> works (<a href="hhttps://github.com/tailwindlabs/headlessui/pull/3182">#3182</a>)</li> </ul> <h2><code>@headlessui/react</code><a href="https://github.com/v2"><code>@v2</code></a>.0.2</h2> <h3>Fixed</h3> <ul> <li>Improve performance of internal <code>useInertOthers</code> hook (<a href="https://github.com/tailwindlabs/headlessui/pull/3181">#3181</a>)</li> </ul> <h2><code>@headlessui/react</code><a href="https://github.com/v2"><code>@v2</code></a>.0.1</h2> <h3>Fixed</h3> <ul> <li>Remove accidental deprecation comments on <code><DialogPanel></code> and <code><DialogTitle></code> (<a href="https://github.com/tailwindlabs/headlessui/pull/3176">#3176</a>)</li> </ul> <h2><code>@headlessui/react</code><a href="https://github.com/v2"><code>@v2</code></a>.0.0</h2> <p><a href="https://headlessui.com/"><img src="https://github.com/tailwindlabs/headlessui/assets/882133/86225241-6e5e-4c64-97a9-b10b61af9f4e" alt="Headless UI v2.0" /></a></p> <p>We just released Headless UI v2.0 for React which includes a ton of new stuff:</p> <ul> <li><strong>Built-in anchor positioning</strong> — using <a href="https://floating-ui.com/">Floating UI</a>, components like <code>Menu</code>, <code>Listbox</code>, and more can now automatically position their popovers to be anchored to their trigger, adapting as needed to changes in the viewport.</li> <li><strong>Headless checkbox component</strong> — we've added a headless <code>Checkbox</code> component to complement our existing <code>RadioGroup</code> component, making it easy to build totally custom checkbox controls.</li> <li><strong>HTML form components</strong> — we've added <code>Input</code>, <code>Select</code>, <code>Textarea</code>, <code>Label</code>, <code>Description</code>, <code>Fieldset</code>, and <code>Legend</code> components that handle all of the ID generation and <code>aria-*</code> attribute mapping you need to do to connect form fields together.</li> <li><strong>Improved hover and focus-visible detection</strong> — using hooks from the awesome <a href="https://react-spectrum.adobe.com/react-aria/hooks.html">React Aria</a> library under the hood, Headless UI now adds smarter <code>data-hover</code> and <code>data-focus</code> attributes to your controls that behave more consistently across different devices than the native pseudo-classes.</li> <li><strong>Combobox list virtualization</strong> — the <code>Combobox</code> component can now handle giant lists of options with no performance issues.</li> </ul> <h2>Changelog</h2> <h3>Added</h3> <ul> <li>Add new <code>Checkbox</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/2962">#2962</a>)</li> <li>Add new <code>Button</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li> <li>Add new <code>Input</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/2902">#2902</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/2940">#2940</a>)</li> </ul> <!-- raw HTML omitted --> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/tailwindlabs/headlessui/blob/main/packages/@headlessui-react/CHANGELOG.md"><code>@headlessui/react</code>'s changelog</a>.</em></p> <blockquote> <h2>[2.0.4] - 2024-05-25</h2> <h3>Fixed</h3> <ul> <li>[internal] Don’t set a focus fallback for Dialog’s in demo mode (<a href="https://github.com/tailwindlabs/headlessui/pull/3194">#3194</a>)</li> <li>Ensure page doesn't scroll down when pressing <code>Escape</code> to close the <code>Dialog</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3218">#3218</a>)</li> <li>Fix crash when toggling between <code>virtual</code> and non-virtual mode in <code>Combobox</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3236">#3236</a>)</li> <li>Ensure tabbing to a portalled <code><PopoverPanel></code> component moves focus inside (without using <code><PortalGroup></code>) (<a href="https://github.com/tailwindlabs/headlessui/pull/3239">#3239</a>)</li> <li>Only handle form reset when <code>defaultValue</code> is used (<a href="https://github.com/tailwindlabs/headlessui/pull/3240">#3240</a>)</li> </ul> <h3>Deprecated</h3> <ul> <li>Mark <code>SwitchGroup</code> as deprecated, prefer <code>Field</code> instead (<a href="https://github.com/tailwindlabs/headlessui/pull/3232">#3232</a>)</li> </ul> <h3>Changed</h3> <ul> <li>Use native <code>fieldset</code> instead of <code>div</code> by default for <code><Fieldset /></code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3237">#3237</a>)</li> </ul> <h2>[2.0.3] - 2024-05-07</h2> <h3>Fixed</h3> <ul> <li>Make sure disabling demo mode on <code><Combobox></code> works (<a href="hhttps://github.com/tailwindlabs/headlessui/pull/3182">#3182</a>)</li> </ul> <h2>[2.0.2] - 2024-05-07</h2> <h3>Fixed</h3> <ul> <li>Improve performance of internal <code>useInertOthers</code> hook (<a href="https://github.com/tailwindlabs/headlessui/pull/3181">#3181</a>)</li> </ul> <h2>[2.0.1] - 2024-05-06</h2> <h3>Fixed</h3> <ul> <li>Remove accidental deprecation comments on <code><DialogPanel></code> and <code><DialogTitle></code> (<a href="https://github.com/tailwindlabs/headlessui/pull/3176">#3176</a>)</li> </ul> <h2>[2.0.0] - 2024-05-06</h2> <h3>Added</h3> <ul> <li>Add new <code>Checkbox</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/2962">#2962</a>)</li> <li>Add new <code>Button</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li> <li>Add new <code>Input</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/2902">#2902</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/2940">#2940</a>)</li> <li>Add new <code>Textarea</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/2902">#2902</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/2940">#2940</a>)</li> <li>Add new <code>Select</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/2902">#2902</a>)</li> <li>Add new <code>Fieldset</code> and <code>Legend</code> components (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li> <li>Add new <code>Field</code>, <code>Label</code>, and <code>Description</code> components (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/2941">#2941</a>)</li> <li>Add new <code>MenuSection</code>, <code>MenuHeading</code>, and <code>MenuSeparator</code> components (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li> <li>Add new <code>ListboxSelectedOption</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li> <li>Add new <code>DataInteractive</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li> </ul> <!-- raw HTML omitted --> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/tailwindlabs/headlessui/commit/7be23e5c7e2e71218cdba405ea4f4aca7924acc8"><code>7be23e5</code></a> 2.0.4 - <code>@headlessui/react</code></li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/f740050c2a1995a1a1e73d8cff6f46efdacb1f0d"><code>f740050</code></a> Use native <code>fieldset</code> instead of <code>div</code> by default for <code>\<Fieldset /></code> componen...</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/8c3499cc8d67960f0002d45d05627841bfe70341"><code>8c3499c</code></a> Only handle form reset when <code>defaultValue</code> is used (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3240">#3240</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/c2754bcb168f3656a68f404ec013eefc7ac1eaa4"><code>c2754bc</code></a> Ensure tabbing to a portalled <code>\<PopoverPanel></code> component moves focus inside (...</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/b822c8a400b0fd755893e4f4116660c5f6e53743"><code>b822c8a</code></a> Fix crash when toggling between <code>virtual</code> and non-virtual mode in <code>Combobox</code> ...</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/b478189fad48a64aa14959fc33142a130eec2ccf"><code>b478189</code></a> Mark <code>SwitchGroup</code> as deprecated, prefer <code>Field</code> instead (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3232">#3232</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/7fcb410be487017cde3b02c19adc7815a35b8ed9"><code>7fcb410</code></a> do not apply <code>aria-modal</code> in demo mode (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3227">#3227</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/045f2bc761be3d30ef203ccb3da2c0292c8a5397"><code>045f2bc</code></a> Ensure page doesn't scroll down when pressing <code>Escape</code> to close the <code>Dialog</code> ...</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/300e9eb95777210fd43570d31aae7da5b87d381f"><code>300e9eb</code></a> Update changelog</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/3407625c511e55771b219209bb9219a3f55a5e09"><code>3407625</code></a> Use same tense</li> <li>Additional commits viewable in <a href="https://github.com/tailwindlabs/headlessui/commits/@headlessui/react@v2.0.4/packages/@headlessui-react">compare view</a></li> </ul> </details> <br /> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@headlessui/react&package-manager=npm_and_yarn&previous-version=1.7.19&new-version=2.0.4)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> <br /> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show <dependency name> ignore conditions` will show all of the ignore conditions of the specified dependency - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details> Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
tugrulates
pushed a commit
to tugrulates/www
that referenced
this pull request
Jun 25, 2024
Bumps [@headlessui/react](https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react) from 1.7.18 to 2.1.0. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/tailwindlabs/headlessui/releases"><code>@headlessui/react</code>'s releases</a>.</em></p> <blockquote> <h2><code>@headlessui/react</code><a href="https://github.com/v2"><code>@v2</code></a>.1.0</h2> <p><img src="https://github.com/tailwindlabs/headlessui/assets/882133/52ce0b01-d612-499f-9575-297e449344ae" alt="Headless UI v2.1" /></p> <p>We just released Headless UI v2.1 for React, which dramatically simplifies our transition APIs and adds support for rendering multiple dialogs as siblings. See our <a href="https://tailwindcss.com/blog/2024-06-21-headless-ui-v2-1">announcement blog</a> to learn more.</p> <h2>Changelog</h2> <h3>Added</h3> <ul> <li>Add ability to render multiple <code>Dialog</code> components at once (without nesting them) (<a href="https://github.com/tailwindlabs/headlessui/pull/3242">#3242</a>)</li> <li>Add new data-attribute-based transition API (<a href="https://github.com/tailwindlabs/headlessui/pull/3273">#3273</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/3285">#3285</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/3307">#3307</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/3309">#3309</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/3312">#3312</a>)</li> <li>Add <code>DialogBackdrop</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3307">#3307</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/3310">#3310</a>)</li> <li>Add <code>PopoverBackdrop</code> component to replace <code>PopoverOverlay</code> (<a href="https://github.com/tailwindlabs/headlessui/pull/3308">#3308</a>)</li> </ul> <h3>Fixed</h3> <ul> <li>Keep <code>Combobox</code> open when clicking scrollbar in <code>ComboboxOptions</code> (<a href="https://github.com/tailwindlabs/headlessui/pull/3249">#3249</a>)</li> <li>Ensure <code>ComboboxInput</code> does not sync with current value while typing (<a href="https://github.com/tailwindlabs/headlessui/pull/3259">#3259</a>)</li> <li>Fix visual jitter in <code>Combobox</code> component when using native scrollbar (<a href="https://github.com/tailwindlabs/headlessui/pull/3190">#3190</a>)</li> <li>Improve UX by freezing <code>ComboboxOptions</code> while closing (<a href="https://github.com/tailwindlabs/headlessui/pull/3304">#3304</a>)</li> <li>Merge incoming <code>style</code> prop on <code>ComboboxOptions</code>, <code>ListboxOptions</code>, <code>MenuItems</code>, and <code>PopoverPanel</code> components (<a href="https://github.com/tailwindlabs/headlessui/pull/3250">#3250</a>)</li> <li>Prevent focus on <code>Checkbox</code> when it is <code>disabled</code> (<a href="https://github.com/tailwindlabs/headlessui/pull/3251">#3251</a>)</li> <li>Use <code>useId</code> instead of React internals (for React 19 compatibility) (<a href="https://github.com/tailwindlabs/headlessui/pull/3254">#3254</a>)</li> <li>Cancel outside click behavior on touch devices when scrolling (<a href="https://github.com/tailwindlabs/headlessui/pull/3266">#3266</a>)</li> <li>Correctly apply conditional classes when using <code>Transition</code> and <code>TransitionChild</code> components (<a href="https://github.com/tailwindlabs/headlessui/pull/3303">#3303</a>)</li> </ul> <h3>Changed</h3> <ul> <li>Allow using the <code>Tab</code> and <code>Shift+Tab</code> keys when the <code>Listbox</code> component is open (<a href="https://github.com/tailwindlabs/headlessui/pull/3284">#3284</a>)</li> </ul> <h2><code>@headlessui/react</code><a href="https://github.com/v2"><code>@v2</code></a>.0.4</h2> <h3>Fixed</h3> <ul> <li>[internal] Don’t set a focus fallback for Dialog’s in demo mode (<a href="https://github.com/tailwindlabs/headlessui/pull/3194">#3194</a>)</li> <li>Ensure page doesn't scroll down when pressing <code>Escape</code> to close the <code>Dialog</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3218">#3218</a>)</li> <li>Fix crash when toggling between <code>virtual</code> and non-virtual mode in <code>Combobox</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3236">#3236</a>)</li> <li>Ensure tabbing to a portalled <code>PopoverPanel</code> component moves focus inside (without using <code>PortalGroup</code>) (<a href="https://github.com/tailwindlabs/headlessui/pull/3239">#3239</a>)</li> <li>Only handle form reset when <code>defaultValue</code> is used (<a href="https://github.com/tailwindlabs/headlessui/pull/3240">#3240</a>)</li> </ul> <h3>Deprecated</h3> <ul> <li>Mark <code>SwitchGroup</code> as deprecated, prefer <code>Field</code> instead (<a href="https://github.com/tailwindlabs/headlessui/pull/3232">#3232</a>)</li> </ul> <h3>Changed</h3> <ul> <li>Use native <code>fieldset</code> instead of <code>div</code> by default for <code>Fieldset</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3237">#3237</a>)</li> </ul> <h2><code>@headlessui/react</code><a href="https://github.com/v2"><code>@v2</code></a>.0.3</h2> <h3>Fixed</h3> <!-- raw HTML omitted --> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/tailwindlabs/headlessui/blob/main/packages/@headlessui-react/CHANGELOG.md"><code>@headlessui/react</code>'s changelog</a>.</em></p> <blockquote> <h2>[2.1.0] - 2024-06-21</h2> <h3>Added</h3> <ul> <li>Add ability to render multiple <code>Dialog</code> components at once (without nesting them) (<a href="https://github.com/tailwindlabs/headlessui/pull/3242">#3242</a>)</li> <li>Add new data-attribute-based transition API (<a href="https://github.com/tailwindlabs/headlessui/pull/3273">#3273</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/3285">#3285</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/3307">#3307</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/3309">#3309</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/3312">#3312</a>)</li> <li>Add <code>DialogBackdrop</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3307">#3307</a>, <a href="https://github.com/tailwindlabs/headlessui/pull/3310">#3310</a>)</li> <li>Add <code>PopoverBackdrop</code> component to replace <code>PopoverOverlay</code> (<a href="https://github.com/tailwindlabs/headlessui/pull/3308">#3308</a>)</li> </ul> <h3>Fixed</h3> <ul> <li>Keep <code>Combobox</code> open when clicking scrollbar in <code>ComboboxOptions</code> (<a href="https://github.com/tailwindlabs/headlessui/pull/3249">#3249</a>)</li> <li>Ensure <code>ComboboxInput</code> does not sync with current value while typing (<a href="https://github.com/tailwindlabs/headlessui/pull/3259">#3259</a>)</li> <li>Fix visual jitter in <code>Combobox</code> component when using native scrollbar (<a href="https://github.com/tailwindlabs/headlessui/pull/3190">#3190</a>)</li> <li>Improve UX by freezing <code>ComboboxOptions</code> while closing (<a href="https://github.com/tailwindlabs/headlessui/pull/3304">#3304</a>)</li> <li>Merge incoming <code>style</code> prop on <code>ComboboxOptions</code>, <code>ListboxOptions</code>, <code>MenuItems</code>, and <code>PopoverPanel</code> components (<a href="https://github.com/tailwindlabs/headlessui/pull/3250">#3250</a>)</li> <li>Prevent focus on <code>Checkbox</code> when it is <code>disabled</code> (<a href="https://github.com/tailwindlabs/headlessui/pull/3251">#3251</a>)</li> <li>Use <code>useId</code> instead of React internals (for React 19 compatibility) (<a href="https://github.com/tailwindlabs/headlessui/pull/3254">#3254</a>)</li> <li>Cancel outside click behavior on touch devices when scrolling (<a href="https://github.com/tailwindlabs/headlessui/pull/3266">#3266</a>)</li> <li>Correctly apply conditional classes when using <code>Transition</code> and <code>TransitionChild</code> components (<a href="https://github.com/tailwindlabs/headlessui/pull/3303">#3303</a>)</li> </ul> <h3>Changed</h3> <ul> <li>Allow using the <code>Tab</code> and <code>Shift+Tab</code> keys when the <code>Listbox</code> component is open (<a href="https://github.com/tailwindlabs/headlessui/pull/3284">#3284</a>)</li> </ul> <h2>[2.0.4] - 2024-05-25</h2> <h3>Fixed</h3> <ul> <li>[internal] Don’t set a focus fallback for Dialog’s in demo mode (<a href="https://github.com/tailwindlabs/headlessui/pull/3194">#3194</a>)</li> <li>Ensure page doesn't scroll down when pressing <code>Escape</code> to close the <code>Dialog</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3218">#3218</a>)</li> <li>Fix crash when toggling between <code>virtual</code> and non-virtual mode in <code>Combobox</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3236">#3236</a>)</li> <li>Ensure tabbing to a portalled <code>PopoverPanel</code> component moves focus inside (without using <code>PortalGroup</code>) (<a href="https://github.com/tailwindlabs/headlessui/pull/3239">#3239</a>)</li> <li>Only handle form reset when <code>defaultValue</code> is used (<a href="https://github.com/tailwindlabs/headlessui/pull/3240">#3240</a>)</li> </ul> <h3>Deprecated</h3> <ul> <li>Mark <code>SwitchGroup</code> as deprecated, prefer <code>Field</code> instead (<a href="https://github.com/tailwindlabs/headlessui/pull/3232">#3232</a>)</li> </ul> <h3>Changed</h3> <ul> <li>Use native <code>fieldset</code> instead of <code>div</code> by default for <code>Fieldset</code> component (<a href="https://github.com/tailwindlabs/headlessui/pull/3237">#3237</a>)</li> </ul> <h2>[2.0.3] - 2024-05-07</h2> <h3>Fixed</h3> <ul> <li>Make sure disabling demo mode on <code>Combobox</code> works (<a href="hhttps://github.com/tailwindlabs/headlessui/pull/3182">#3182</a>)</li> </ul> <h2>[2.0.2] - 2024-05-07</h2> <!-- raw HTML omitted --> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/tailwindlabs/headlessui/commit/d60ed6a6702284c84415f49e12739f2c448d17e1"><code>d60ed6a</code></a> 2.1.0 - <code>@headlessui/react</code></li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/f1446664bca4e236649456b6a1bf3253b7f10d4c"><code>f144666</code></a> Remove transition state from render props (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3312">#3312</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/1f1e290a3d1fb156b3b3c10692f13f6efae91d8a"><code>1f1e290</code></a> Tweak changelog</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/f26cca57bd995a61d9fffeed883e73520db3571c"><code>f26cca5</code></a> Add <code>aria-hidden</code> to <code>DialogBackdrop</code> component (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3310">#3310</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/07ba551e6335c8bcd999c14ae6af5e14c5d7f87c"><code>07ba551</code></a> Add <code>transition</code> prop to <code>DialogPanel</code> and <code>DialogBackdrop</code> components (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3309">#3309</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/7a40af6b55bbaf67ead2e1901dbee31f1cd0efba"><code>7a40af6</code></a> Clean up changelogs</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/9ae054ec12e20fb9b9a95cb4bde95a745ee29c44"><code>9ae054e</code></a> Rename <code>PopoverOverlay</code> to <code>PopoverBackdrop</code> (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3308">#3308</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/cf0c535f7e55391f7ee202479d167d6936ca2e04"><code>cf0c535</code></a> Add <code>transition</code> prop to <code>\<Dialog /></code> component (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3307">#3307</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/1c3f9a6230900269871b92a3dec8606c3d893652"><code>1c3f9a6</code></a> Improve UX by freezing <code>\<ComboboxOptions /></code> component while closing (<a href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3304">#3304</a>)</li> <li><a href="https://github.com/tailwindlabs/headlessui/commit/29e7d945032600fe6401b19529130e50050925c4"><code>29e7d94</code></a> Implement <code>\<Transition /></code> and <code>\<TransitionChild /></code> on top of data attribute...</li> <li>Additional commits viewable in <a href="https://github.com/tailwindlabs/headlessui/commits/@headlessui/react@v2.1.0/packages/@headlessui-react">compare view</a></li> </ul> </details> <br /> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@headlessui/react&package-manager=npm_and_yarn&previous-version=1.7.18&new-version=2.1.0)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> <br /> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show <dependency name> ignore conditions` will show all of the ignore conditions of the specified dependency - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details> Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Our internal
__demoMode
prop that we use is intended to be disabled internally once a user interacts with the Combobox. However, we were incorrectly overriding this in auseMemo
with the value of the prop which was alwaystrue
.