fix(deps): update dependency @headlessui/react to v2

This PR contains the following updates:

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

Release Notes

tailwindlabs/headlessui (@headlessui/react)

### [`v2.1.3`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@headlessui-react/CHANGELOG.md#213---2024-08-23) [Compare Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.1.2...@headlessui/react@v2.1.3) ##### Fixed - Ensure `Transition` component state doesn't change when it becomes hidden ([#3372](https://togithub.com/tailwindlabs/headlessui/pull/3372)) - Fix closing components using the `transition` prop, and after scrolling the page ([#3407](https://togithub.com/tailwindlabs/headlessui/pull/3407)) - Ensure all client components are marked correctly to avoid a crash with React 19 and Turbopack ([#3429](https://togithub.com/tailwindlabs/headlessui/pull/3429)) ### [`v2.1.2`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@headlessui-react/CHANGELOG.md#212---2024-07-05) [Compare Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.1.1...@headlessui/react@v2.1.2) ##### Fixed - Fix prematurely added anchoring styles on `ListboxOptions` ([#3337](https://togithub.com/tailwindlabs/headlessui/pull/3337)) - Ensure `unmount` on `Dialog` works in combination with the `transition` prop on `DialogBackdrop` and `DialogPanel` components ([#3352](https://togithub.com/tailwindlabs/headlessui/pull/3352)) - Fix crash in `Combobox` component when in `virtual` mode when options are empty ([#3356](https://togithub.com/tailwindlabs/headlessui/pull/3356)) - Fix hanging tests when using `anchor` prop ([#3357](https://togithub.com/tailwindlabs/headlessui/pull/3357)) - Fix `transition` and `focus` prop combination for `PopoverPanel` component ([#3361](https://togithub.com/tailwindlabs/headlessui/pull/3361)) - Fix outside click in nested portalled `Popover` components ([#3362](https://togithub.com/tailwindlabs/headlessui/pull/3362)) - Fix restoring focus to correct element when closing `Dialog` component ([#3365](https://togithub.com/tailwindlabs/headlessui/pull/3365)) - Fix `flushSync` warning for `Combobox` component with `immediate` prop enabled ([#3366](https://togithub.com/tailwindlabs/headlessui/pull/3366)) ### [`v2.1.1`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@headlessui-react/CHANGELOG.md#211---2024-06-26) [Compare Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.1.0...@headlessui/react@v2.1.1) ##### Fixed - Fix issues spreading omitted props onto components ([#3313](https://togithub.com/tailwindlabs/headlessui/pull/3313)) - Fix initial `anchor="selection"` positioning ([#3324](https://togithub.com/tailwindlabs/headlessui/pull/3324)) - Fix render prop in `ComboboxOptions` to use `any` instead of `unknown` ([#3327](https://togithub.com/tailwindlabs/headlessui/pull/3327)) - Fix incorrect `Transition` boundary for `Dialog` component ([#3331](https://togithub.com/tailwindlabs/headlessui/pull/3331)) ### [`v2.1.0`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@headlessui-react/CHANGELOG.md#210---2024-06-21) [Compare Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.4...@headlessui/react@v2.1.0) ##### Added - Add ability to render multiple `Dialog` components at once (without nesting them) ([#3242](https://togithub.com/tailwindlabs/headlessui/pull/3242)) - Add new data-attribute-based transition API ([#3273](https://togithub.com/tailwindlabs/headlessui/pull/3273), [#3285](https://togithub.com/tailwindlabs/headlessui/pull/3285), [#3307](https://togithub.com/tailwindlabs/headlessui/pull/3307), [#3309](https://togithub.com/tailwindlabs/headlessui/pull/3309), [#3312](https://togithub.com/tailwindlabs/headlessui/pull/3312)) - Add `DialogBackdrop` component ([#3307](https://togithub.com/tailwindlabs/headlessui/pull/3307), [#3310](https://togithub.com/tailwindlabs/headlessui/pull/3310)) - Add `PopoverBackdrop` component to replace `PopoverOverlay` ([#3308](https://togithub.com/tailwindlabs/headlessui/pull/3308)) ##### Fixed - Keep `Combobox` open when clicking scrollbar in `ComboboxOptions` ([#3249](https://togithub.com/tailwindlabs/headlessui/pull/3249)) - Ensure `ComboboxInput` does not sync with current value while typing ([#3259](https://togithub.com/tailwindlabs/headlessui/pull/3259)) - Fix visual jitter in `Combobox` component when using native scrollbar ([#3190](https://togithub.com/tailwindlabs/headlessui/pull/3190)) - Improve UX by freezing `ComboboxOptions` while closing ([#3304](https://togithub.com/tailwindlabs/headlessui/pull/3304)) - Merge incoming `style` prop on `ComboboxOptions`, `ListboxOptions`, `MenuItems`, and `PopoverPanel` components ([#3250](https://togithub.com/tailwindlabs/headlessui/pull/3250)) - Prevent focus on `Checkbox` when it is `disabled` ([#3251](https://togithub.com/tailwindlabs/headlessui/pull/3251)) - Use `useId` instead of React internals (for React 19 compatibility) ([#3254](https://togithub.com/tailwindlabs/headlessui/pull/3254)) - Cancel outside click behavior on touch devices when scrolling ([#3266](https://togithub.com/tailwindlabs/headlessui/pull/3266)) - Correctly apply conditional classes when using `Transition` and `TransitionChild` components ([#3303](https://togithub.com/tailwindlabs/headlessui/pull/3303)) ##### Changed - Allow using the `Tab` and `Shift+Tab` keys when the `Listbox` component is open ([#3284](https://togithub.com/tailwindlabs/headlessui/pull/3284)) ### [`v2.0.4`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@headlessui-react/CHANGELOG.md#204---2024-05-25) [Compare Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.3...@headlessui/react@v2.0.4) ##### Fixed - \[internal] Don’t set a focus fallback for Dialog’s in demo mode ([#3194](https://togithub.com/tailwindlabs/headlessui/pull/3194)) - Ensure page doesn't scroll down when pressing `Escape` to close the `Dialog` component ([#3218](https://togithub.com/tailwindlabs/headlessui/pull/3218)) - Fix crash when toggling between `virtual` and non-virtual mode in `Combobox` component ([#3236](https://togithub.com/tailwindlabs/headlessui/pull/3236)) - Ensure tabbing to a portalled `` component moves focus inside (without using ``) ([#3239](https://togithub.com/tailwindlabs/headlessui/pull/3239)) - Only handle form reset when `defaultValue` is used ([#3240](https://togithub.com/tailwindlabs/headlessui/pull/3240)) ##### Deprecated - Mark `SwitchGroup` as deprecated, prefer `Field` instead ([#3232](https://togithub.com/tailwindlabs/headlessui/pull/3232)) ##### Changed - Use native `fieldset` instead of `div` by default for `

` component ([#3237](https://togithub.com/tailwindlabs/headlessui/pull/3237)) ### [`v2.0.3`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@headlessui-react/CHANGELOG.md#203---2024-05-07) [Compare Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.2...@headlessui/react@v2.0.3) ##### Fixed - Make sure disabling demo mode on `` works ([#3182](hhttps://togithub.com/tailwindlabs/headlessui/pull/3182)) ### [`v2.0.2`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@headlessui-react/CHANGELOG.md#202---2024-05-07) [Compare Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.1...@headlessui/react@v2.0.2) ##### Fixed - Improve performance of internal `useInertOthers` hook ([#3181](https://togithub.com/tailwindlabs/headlessui/pull/3181)) ### [`v2.0.1`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@headlessui-react/CHANGELOG.md#201---2024-05-06) [Compare Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v2.0.0...@headlessui/react@v2.0.1) ##### Fixed - Remove accidental deprecation comments on `` and `` ([#3176](https://togithub.com/tailwindlabs/headlessui/pull/3176)) ### [`v2.0.0`](https://togithub.com/tailwindlabs/headlessui/blob/HEAD/packages/@headlessui-react/CHANGELOG.md#200---2024-05-06) [Compare Source](https://togithub.com/tailwindlabs/headlessui/compare/@headlessui/react@v1.7.19...@headlessui/react@v2.0.0) ##### Added - Add new `Checkbox` component ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887), [#2962](https://togithub.com/tailwindlabs/headlessui/pull/2962)) - Add new `Button` component ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887)) - Add new `Input` component ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887), [#2902](https://togithub.com/tailwindlabs/headlessui/pull/2902), [#2940](https://togithub.com/tailwindlabs/headlessui/pull/2940)) - Add new `Textarea` component ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887), [#2902](https://togithub.com/tailwindlabs/headlessui/pull/2902), [#2940](https://togithub.com/tailwindlabs/headlessui/pull/2940)) - Add new `Select` component ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887), [#2902](https://togithub.com/tailwindlabs/headlessui/pull/2902)) - Add new `Fieldset` and `Legend` components ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887)) - Add new `Field`, `Label`, and `Description` components ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887), [#2941](https://togithub.com/tailwindlabs/headlessui/pull/2941)) - Add new `MenuSection`, `MenuHeading`, and `MenuSeparator` components ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887)) - Add new `ListboxSelectedOption` component ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887)) - Add new `DataInteractive` component ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887)) - Add new `CloseButton` component and `useClose` hook ([#3096](https://togithub.com/tailwindlabs/headlessui/pull/3096)) - Add new `anchor`, `modal`, and `portal` props to `Combobox`, `Listbox`, `Menu` and `Popover` components ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887), [#3075](https://togithub.com/tailwindlabs/headlessui/pull/3075), [#3097](https://togithub.com/tailwindlabs/headlessui/pull/3097), [#3111](https://togithub.com/tailwindlabs/headlessui/pull/3111), [#3115](https://togithub.com/tailwindlabs/headlessui/pull/3115), [#3121](https://togithub.com/tailwindlabs/headlessui/pull/3121), [#3124](https://togithub.com/tailwindlabs/headlessui/pull/3124), [#3133](https://togithub.com/tailwindlabs/headlessui/pull/3133), [#3138](https://togithub.com/tailwindlabs/headlessui/pull/3138), [#3148](https://togithub.com/tailwindlabs/headlessui/pull/3148), [#3152](https://togithub.com/tailwindlabs/headlessui/pull/3152), [#3154](https://togithub.com/tailwindlabs/headlessui/pull/3154), [#3157](https://togithub.com/tailwindlabs/headlessui/pull/3157)) - Add new `autoFocus` prop to focusable components ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887)) - Add new `virtual` prop to `Combobox` component ([#2779](https://togithub.com/tailwindlabs/headlessui/pull/2779), [#3128](https://togithub.com/tailwindlabs/headlessui/pull/3128), [#3160](https://togithub.com/tailwindlabs/headlessui/pull/3160), [#3161](https://togithub.com/tailwindlabs/headlessui/pull/3161), [#3163](https://togithub.com/tailwindlabs/headlessui/pull/3163)) - Add new `onClose` prop to `Combobox` component ([#3122](https://togithub.com/tailwindlabs/headlessui/pull/3122)) - Add new `immediate` prop to `Combobox` for immediately opening the Combobox when the `input` receives focus ([#2686](https://togithub.com/tailwindlabs/headlessui/pull/2686)) - Add new `--button-width` CSS variable on the `ListboxOptions`, `MenuItems`, and `PopoverPanel` components ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887), [#3058](https://togithub.com/tailwindlabs/headlessui/pull/3058)) - Add new `--input-width` and `--button-width` CSS variables on the `ComboboxOptions` component ([#3057](https://togithub.com/tailwindlabs/headlessui/pull/3057)) - Add new `data-*` attributes as an alternative to the existing `data-headlessui-state` attribute ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887), [#3035](https://togithub.com/tailwindlabs/headlessui/pull/3035), [#3061](https://togithub.com/tailwindlabs/headlessui/pull/3061)) ##### Fixed - Fix scroll-locking on iOS ([#2891](https://togithub.com/tailwindlabs/headlessui/pull/2891)) - Fix cancellation of events when using `disabled` or `aria-disabled` attributes ([#2890](https://togithub.com/tailwindlabs/headlessui/pull/2890)) - Fix unnecessary execution of the `displayValue` callback in `ComboboxInput` component ([#3048](https://togithub.com/tailwindlabs/headlessui/pull/3048)) - Fix types for `multiple` prop in `Combobox` component ([#3099](https://togithub.com/tailwindlabs/headlessui/pull/3099)) - Fix focus handling in `ComboboxInput` component ([#3065](https://togithub.com/tailwindlabs/headlessui/pull/3065), [#3073](https://togithub.com/tailwindlabs/headlessui/pull/3073)) - Fix enter transitions in `Transition` component ([#3074](https://togithub.com/tailwindlabs/headlessui/pull/3074)) - Fix focus handling in `ListboxOptions` and `MenuItems` components ([#3112](https://togithub.com/tailwindlabs/headlessui/pull/3112)) - Fix horizontal scrolling inside the `Dialog` component ([#2889](https://togithub.com/tailwindlabs/headlessui/pull/2889)) - Don’t cancel `touchmove` on `input` elements inside a dialog ([#3166](https://togithub.com/tailwindlabs/headlessui/pull/3166)) ##### Changed - Require React 18 ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887), [#3092](https://togithub.com/tailwindlabs/headlessui/pull/3092), [#3131](https://togithub.com/tailwindlabs/headlessui/pull/3131)) - Always render hidden form input fields for `Checkbox`, `Switch`, and `RadioGroup` components ([#3095](https://togithub.com/tailwindlabs/headlessui/pull/3095)) - Deprecate the `RadioGroup.Option` component in favor of new `Radio` component ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887)) - Dialog is now focused by default instead of the first focusable element ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887)) - Change default tags for `ListboxOptions`, `ListboxOption`, `ComboboxOptions`, `ComboboxOption`, and `TabGroup` components ([#3109](https://togithub.com/tailwindlabs/headlessui/pull/3109)) - Change default tag from `div` to `Fragment` on `Transition` components ([#3110](https://togithub.com/tailwindlabs/headlessui/pull/3110), [#3147](https://togithub.com/tailwindlabs/headlessui/pull/3147)) - Allow `Combobox` component to have a `null` value ([#3064](https://togithub.com/tailwindlabs/headlessui/pull/3064), [#3100](https://togithub.com/tailwindlabs/headlessui/pull/3100)) - Attempt form submission when pressing enter on the `ListboxButton` component ([#2972](https://togithub.com/tailwindlabs/headlessui/pull/2972)) - Deprecate the `entered` prop on the `Transition` component ([#3089](https://togithub.com/tailwindlabs/headlessui/pull/3089)) - Deprecate dot notation for components ([#2887](https://togithub.com/tailwindlabs/headlessui/pull/2887), [#3170](https://togithub.com/tailwindlabs/headlessui/pull/3170)) - Add frozen value to `ComboboxOptions` component ([#3126](https://togithub.com/tailwindlabs/headlessui/pull/3126)) - Remove deprecated `DialogBackdrop` and `DialogOverlay` components ([#3171](https://togithub.com/tailwindlabs/headlessui/pull/3171))

Configuration

📅 Schedule: Branch creation - "before 4am on sunday" (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.

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

This PR was generated by Mend Renovate. View the repository job log.

Status	Category	Percentage	Covered / Total
🔵	Lines	1.4%	135 / 9583
🔵	Statements	1.4%	135 / 9583
🔵	Functions	3.84%	7 / 182
🔵	Branches	10.25%	20 / 195

programming-in-th / programming.in.th

fix(deps): update dependency @headlessui/react to v2 #966

Release Notes

Configuration

Coverage Report