Skip to content
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 2 commits into from
May 7, 2024

Conversation

thecrypticace
Copy link
Contributor

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 a useMemo with the value of the prop which was always true.

@thecrypticace thecrypticace requested a review from RobinMalfait May 7, 2024 18:01
Copy link

vercel bot commented May 7, 2024

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

Name Status Preview Comments Updated (UTC)
headlessui-react ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 7, 2024 6:03pm
headlessui-vue ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 7, 2024 6:03pm

@thecrypticace thecrypticace merged commit a303819 into main May 7, 2024
8 checks passed
@thecrypticace thecrypticace deleted the fix/demo-mode-removal-combobox branch May 7, 2024 18:10
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 (@&#8203;headlessui/react)</summary>

###
[`v2.0.3`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;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
([#&#8203;3182](hhttps://github.com/tailwindlabs/headlessui/pull/3182))

###
[`v2.0.2`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;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
([#&#8203;3181](https://github.com/tailwindlabs/headlessui/pull/3181))

###
[`v2.0.1`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;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>`
([#&#8203;3176](https://github.com/tailwindlabs/headlessui/pull/3176))

###
[`v2.0.0`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;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
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2962](https://github.com/tailwindlabs/headlessui/pull/2962))
- Add new `Button` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `Input` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://github.com/tailwindlabs/headlessui/pull/2902),
[#&#8203;2940](https://github.com/tailwindlabs/headlessui/pull/2940))
- Add new `Textarea` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://github.com/tailwindlabs/headlessui/pull/2902),
[#&#8203;2940](https://github.com/tailwindlabs/headlessui/pull/2940))
- Add new `Select` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://github.com/tailwindlabs/headlessui/pull/2902))
- Add new `Fieldset` and `Legend` components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `Field`, `Label`, and `Description` components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2941](https://github.com/tailwindlabs/headlessui/pull/2941))
- Add new `MenuSection`, `MenuHeading`, and `MenuSeparator` components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `ListboxSelectedOption` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `DataInteractive` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `CloseButton` component and `useClose` hook
([#&#8203;3096](https://github.com/tailwindlabs/headlessui/pull/3096))
- Add new `anchor`, `modal`, and `portal` props to `Combobox`,
`Listbox`, `Menu` and `Popover` components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3075](https://github.com/tailwindlabs/headlessui/pull/3075),
[#&#8203;3097](https://github.com/tailwindlabs/headlessui/pull/3097),
[#&#8203;3111](https://github.com/tailwindlabs/headlessui/pull/3111),
[#&#8203;3115](https://github.com/tailwindlabs/headlessui/pull/3115),
[#&#8203;3121](https://github.com/tailwindlabs/headlessui/pull/3121),
[#&#8203;3124](https://github.com/tailwindlabs/headlessui/pull/3124),
[#&#8203;3133](https://github.com/tailwindlabs/headlessui/pull/3133),
[#&#8203;3138](https://github.com/tailwindlabs/headlessui/pull/3138),
[#&#8203;3148](https://github.com/tailwindlabs/headlessui/pull/3148),
[#&#8203;3152](https://github.com/tailwindlabs/headlessui/pull/3152),
[#&#8203;3154](https://github.com/tailwindlabs/headlessui/pull/3154),
[#&#8203;3157](https://github.com/tailwindlabs/headlessui/pull/3157))
- Add new `autoFocus` prop to focusable components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `virtual` prop to `Combobox` component
([#&#8203;2779](https://github.com/tailwindlabs/headlessui/pull/2779),
[#&#8203;3128](https://github.com/tailwindlabs/headlessui/pull/3128),
[#&#8203;3160](https://github.com/tailwindlabs/headlessui/pull/3160),
[#&#8203;3161](https://github.com/tailwindlabs/headlessui/pull/3161),
[#&#8203;3163](https://github.com/tailwindlabs/headlessui/pull/3163))
- Add new `onClose` prop to `Combobox` component
([#&#8203;3122](https://github.com/tailwindlabs/headlessui/pull/3122))
- Add new `immediate` prop to `Combobox` for immediately opening the
Combobox when the `input` receives focus
([#&#8203;2686](https://github.com/tailwindlabs/headlessui/pull/2686))
- Add new `--button-width` CSS variable on the `ListboxOptions`,
`MenuItems`, and `PopoverPanel` components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3058](https://github.com/tailwindlabs/headlessui/pull/3058))
- Add new `--input-width` and `--button-width` CSS variables on the
`ComboboxOptions` component
([#&#8203;3057](https://github.com/tailwindlabs/headlessui/pull/3057))
- Add new `data-*` attributes as an alternative to the existing
`data-headlessui-state` attribute
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3035](https://github.com/tailwindlabs/headlessui/pull/3035),
[#&#8203;3061](https://github.com/tailwindlabs/headlessui/pull/3061))

##### Fixed

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

##### Changed

- Require React 18
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3092](https://github.com/tailwindlabs/headlessui/pull/3092),
[#&#8203;3131](https://github.com/tailwindlabs/headlessui/pull/3131))
- Always render hidden form input fields for `Checkbox`, `Switch`, and
`RadioGroup` components
([#&#8203;3095](https://github.com/tailwindlabs/headlessui/pull/3095))
- Deprecate the `RadioGroup.Option` component in favor of new `Radio`
component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Dialog is now focused by default instead of the first focusable
element
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Change default tags for `ListboxOptions`, `ListboxOption`,
`ComboboxOptions`, `ComboboxOption`, and `TabGroup` components
([#&#8203;3109](https://github.com/tailwindlabs/headlessui/pull/3109))
- Change default tag from `div` to `Fragment` on `Transition` components
([#&#8203;3110](https://github.com/tailwindlabs/headlessui/pull/3110),
[#&#8203;3147](https://github.com/tailwindlabs/headlessui/pull/3147))
- Allow `Combobox` component to have a `null` value
([#&#8203;3064](https://github.com/tailwindlabs/headlessui/pull/3064),
[#&#8203;3100](https://github.com/tailwindlabs/headlessui/pull/3100))
- Attempt form submission when pressing enter on the `ListboxButton`
component
([#&#8203;2972](https://github.com/tailwindlabs/headlessui/pull/2972))
- Deprecate the `entered` prop on the `Transition` component
([#&#8203;3089](https://github.com/tailwindlabs/headlessui/pull/3089))
- Deprecate dot notation for components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3170](https://github.com/tailwindlabs/headlessui/pull/3170))
- Add frozen value to `ComboboxOptions` component
([#&#8203;3126](https://github.com/tailwindlabs/headlessui/pull/3126))
- Remove deprecated `DialogBackdrop` and `DialogOverlay` components
([#&#8203;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>&lt;Combobox&gt;</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>&lt;Combobox&gt;</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>\&lt;Combobox&gt;</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 (@&#8203;headlessui/react)</summary>

###
[`v2.0.3`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;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
([#&#8203;3182](hhttps://github.com/tailwindlabs/headlessui/pull/3182))

###
[`v2.0.2`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;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
([#&#8203;3181](https://github.com/tailwindlabs/headlessui/pull/3181))

###
[`v2.0.1`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;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>`
([#&#8203;3176](https://github.com/tailwindlabs/headlessui/pull/3176))

###
[`v2.0.0`](https://github.com/tailwindlabs/headlessui/blob/HEAD/packages/@&#8203;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
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2962](https://github.com/tailwindlabs/headlessui/pull/2962))
- Add new `Button` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `Input` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://github.com/tailwindlabs/headlessui/pull/2902),
[#&#8203;2940](https://github.com/tailwindlabs/headlessui/pull/2940))
- Add new `Textarea` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://github.com/tailwindlabs/headlessui/pull/2902),
[#&#8203;2940](https://github.com/tailwindlabs/headlessui/pull/2940))
- Add new `Select` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2902](https://github.com/tailwindlabs/headlessui/pull/2902))
- Add new `Fieldset` and `Legend` components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `Field`, `Label`, and `Description` components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;2941](https://github.com/tailwindlabs/headlessui/pull/2941))
- Add new `MenuSection`, `MenuHeading`, and `MenuSeparator` components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `ListboxSelectedOption` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `DataInteractive` component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `CloseButton` component and `useClose` hook
([#&#8203;3096](https://github.com/tailwindlabs/headlessui/pull/3096))
- Add new `anchor`, `modal`, and `portal` props to `Combobox`,
`Listbox`, `Menu` and `Popover` components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3075](https://github.com/tailwindlabs/headlessui/pull/3075),
[#&#8203;3097](https://github.com/tailwindlabs/headlessui/pull/3097),
[#&#8203;3111](https://github.com/tailwindlabs/headlessui/pull/3111),
[#&#8203;3115](https://github.com/tailwindlabs/headlessui/pull/3115),
[#&#8203;3121](https://github.com/tailwindlabs/headlessui/pull/3121),
[#&#8203;3124](https://github.com/tailwindlabs/headlessui/pull/3124),
[#&#8203;3133](https://github.com/tailwindlabs/headlessui/pull/3133),
[#&#8203;3138](https://github.com/tailwindlabs/headlessui/pull/3138),
[#&#8203;3148](https://github.com/tailwindlabs/headlessui/pull/3148),
[#&#8203;3152](https://github.com/tailwindlabs/headlessui/pull/3152),
[#&#8203;3154](https://github.com/tailwindlabs/headlessui/pull/3154),
[#&#8203;3157](https://github.com/tailwindlabs/headlessui/pull/3157))
- Add new `autoFocus` prop to focusable components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Add new `virtual` prop to `Combobox` component
([#&#8203;2779](https://github.com/tailwindlabs/headlessui/pull/2779),
[#&#8203;3128](https://github.com/tailwindlabs/headlessui/pull/3128),
[#&#8203;3160](https://github.com/tailwindlabs/headlessui/pull/3160),
[#&#8203;3161](https://github.com/tailwindlabs/headlessui/pull/3161),
[#&#8203;3163](https://github.com/tailwindlabs/headlessui/pull/3163))
- Add new `onClose` prop to `Combobox` component
([#&#8203;3122](https://github.com/tailwindlabs/headlessui/pull/3122))
- Add new `immediate` prop to `Combobox` for immediately opening the
Combobox when the `input` receives focus
([#&#8203;2686](https://github.com/tailwindlabs/headlessui/pull/2686))
- Add new `--button-width` CSS variable on the `ListboxOptions`,
`MenuItems`, and `PopoverPanel` components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3058](https://github.com/tailwindlabs/headlessui/pull/3058))
- Add new `--input-width` and `--button-width` CSS variables on the
`ComboboxOptions` component
([#&#8203;3057](https://github.com/tailwindlabs/headlessui/pull/3057))
- Add new `data-*` attributes as an alternative to the existing
`data-headlessui-state` attribute
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3035](https://github.com/tailwindlabs/headlessui/pull/3035),
[#&#8203;3061](https://github.com/tailwindlabs/headlessui/pull/3061))

##### Fixed

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

##### Changed

- Require React 18
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3092](https://github.com/tailwindlabs/headlessui/pull/3092),
[#&#8203;3131](https://github.com/tailwindlabs/headlessui/pull/3131))
- Always render hidden form input fields for `Checkbox`, `Switch`, and
`RadioGroup` components
([#&#8203;3095](https://github.com/tailwindlabs/headlessui/pull/3095))
- Deprecate the `RadioGroup.Option` component in favor of new `Radio`
component
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Dialog is now focused by default instead of the first focusable
element
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887))
- Change default tags for `ListboxOptions`, `ListboxOption`,
`ComboboxOptions`, `ComboboxOption`, and `TabGroup` components
([#&#8203;3109](https://github.com/tailwindlabs/headlessui/pull/3109))
- Change default tag from `div` to `Fragment` on `Transition` components
([#&#8203;3110](https://github.com/tailwindlabs/headlessui/pull/3110),
[#&#8203;3147](https://github.com/tailwindlabs/headlessui/pull/3147))
- Allow `Combobox` component to have a `null` value
([#&#8203;3064](https://github.com/tailwindlabs/headlessui/pull/3064),
[#&#8203;3100](https://github.com/tailwindlabs/headlessui/pull/3100))
- Attempt form submission when pressing enter on the `ListboxButton`
component
([#&#8203;2972](https://github.com/tailwindlabs/headlessui/pull/2972))
- Deprecate the `entered` prop on the `Transition` component
([#&#8203;3089](https://github.com/tailwindlabs/headlessui/pull/3089))
- Deprecate dot notation for components
([#&#8203;2887](https://github.com/tailwindlabs/headlessui/pull/2887),
[#&#8203;3170](https://github.com/tailwindlabs/headlessui/pull/3170))
- Add frozen value to `ComboboxOptions` component
([#&#8203;3126](https://github.com/tailwindlabs/headlessui/pull/3126))
- Remove deprecated `DialogBackdrop` and `DialogOverlay` components
([#&#8203;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>&lt;PopoverPanel&gt;</code>
component moves focus inside (without using
<code>&lt;PortalGroup&gt;</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>&lt;Fieldset /&gt;</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>&lt;Combobox&gt;</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>&lt;DialogPanel&gt;</code> and <code>&lt;DialogTitle&gt;</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>&lt;PopoverPanel&gt;</code>
component moves focus inside (without using
<code>&lt;PortalGroup&gt;</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>&lt;Fieldset /&gt;</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>&lt;Combobox&gt;</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>&lt;DialogPanel&gt;</code> and <code>&lt;DialogTitle&gt;</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>\&lt;Fieldset /&gt;</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>\&lt;PopoverPanel&gt;</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>\&lt;Dialog /&gt;</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>\&lt;ComboboxOptions /&gt;</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>\&lt;Transition /&gt;</code> and
<code>\&lt;TransitionChild /&gt;</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
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant