From f2d9ea08b6706184ee2dd9f519f147c754e2f8c6 Mon Sep 17 00:00:00 2001
From: Adventune <50050797+Adventune@users.noreply.github.com>
Date: Tue, 31 Jan 2023 18:42:02 +0200
Subject: [PATCH] fix(@headless-react / @headless-vue): update WAI-ARIA
 reference links (#2230)

* fix(@headlessui/react): WAI-ARIA reference links

* fix(@headlessui-vue): Fix WAI-ARIA reference links

---------

Co-authored-by: lumilno <nooa.lumilaakso@gmail.com>
---
 .../@headlessui-react/src/components/combobox/combobox.tsx  | 4 ++--
 packages/@headlessui-react/src/components/dialog/dialog.tsx | 2 +-
 .../src/components/disclosure/disclosure.tsx                | 2 +-
 .../@headlessui-react/src/components/listbox/listbox.tsx    | 4 ++--
 packages/@headlessui-react/src/components/menu/menu.tsx     | 6 +++---
 .../@headlessui-vue/src/components/combobox/combobox.ts     | 4 ++--
 packages/@headlessui-vue/src/components/dialog/dialog.ts    | 2 +-
 .../@headlessui-vue/src/components/disclosure/disclosure.ts | 2 +-
 packages/@headlessui-vue/src/components/listbox/listbox.ts  | 4 ++--
 packages/@headlessui-vue/src/components/menu/menu.ts        | 4 ++--
 10 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/packages/@headlessui-react/src/components/combobox/combobox.tsx b/packages/@headlessui-react/src/components/combobox/combobox.tsx
index 1d3c962..256b408 100644
--- a/packages/@headlessui-react/src/components/combobox/combobox.tsx
+++ b/packages/@headlessui-react/src/components/combobox/combobox.tsx
@@ -786,7 +786,7 @@ let Input = forwardRefWithAs(function Input<
   let handleKeyDown = useEvent((event: ReactKeyboardEvent<HTMLInputElement>) => {
     isTyping.current = true
     switch (event.key) {
-      // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12
+      // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menu/#keyboard-interaction-12
 
       case Keys.Backspace:
       case Keys.Delete:
@@ -993,7 +993,7 @@ let Button = forwardRefWithAs(function Button<TTag extends ElementType = typeof
 
   let handleKeyDown = useEvent((event: ReactKeyboardEvent<HTMLUListElement>) => {
     switch (event.key) {
-      // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12
+      // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menu/#keyboard-interaction-12
 
       case Keys.ArrowDown:
         event.preventDefault()
diff --git a/packages/@headlessui-react/src/components/dialog/dialog.tsx b/packages/@headlessui-react/src/components/dialog/dialog.tsx
index 4db3b4b..927ce0b 100644
--- a/packages/@headlessui-react/src/components/dialog/dialog.tsx
+++ b/packages/@headlessui-react/src/components/dialog/dialog.tsx
@@ -1,4 +1,4 @@
-// WAI-ARIA: https://www.w3.org/TR/wai-aria-practices-1.2/#dialog_modal
+// WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/
 import React, {
   createContext,
   createRef,
diff --git a/packages/@headlessui-react/src/components/disclosure/disclosure.tsx b/packages/@headlessui-react/src/components/disclosure/disclosure.tsx
index 221175f..9229121 100644
--- a/packages/@headlessui-react/src/components/disclosure/disclosure.tsx
+++ b/packages/@headlessui-react/src/components/disclosure/disclosure.tsx
@@ -1,4 +1,4 @@
-// WAI-ARIA: https://www.w3.org/TR/wai-aria-practices-1.2/#disclosure
+// WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/
 import React, {
   Fragment,
   createContext,
diff --git a/packages/@headlessui-react/src/components/listbox/listbox.tsx b/packages/@headlessui-react/src/components/listbox/listbox.tsx
index 86ee5e4..bae2046 100644
--- a/packages/@headlessui-react/src/components/listbox/listbox.tsx
+++ b/packages/@headlessui-react/src/components/listbox/listbox.tsx
@@ -602,7 +602,7 @@ let Button = forwardRefWithAs(function Button<TTag extends ElementType = typeof
 
   let handleKeyDown = useEvent((event: ReactKeyboardEvent<HTMLButtonElement>) => {
     switch (event.key) {
-      // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-13
+      // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/#keyboard-interaction-13
 
       case Keys.Space:
       case Keys.Enter:
@@ -775,7 +775,7 @@ let Options = forwardRefWithAs(function Options<
     searchDisposables.dispose()
 
     switch (event.key) {
-      // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12
+      // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menu/#keyboard-interaction-12
 
       // @ts-expect-error Fallthrough is expected here
       case Keys.Space:
diff --git a/packages/@headlessui-react/src/components/menu/menu.tsx b/packages/@headlessui-react/src/components/menu/menu.tsx
index bf89d68..578f22c 100644
--- a/packages/@headlessui-react/src/components/menu/menu.tsx
+++ b/packages/@headlessui-react/src/components/menu/menu.tsx
@@ -1,4 +1,4 @@
-// WAI-ARIA: https://www.w3.org/TR/wai-aria-practices-1.2/#menubutton
+// WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/
 import React, {
   Fragment,
   createContext,
@@ -320,7 +320,7 @@ let Button = forwardRefWithAs(function Button<TTag extends ElementType = typeof
 
   let handleKeyDown = useEvent((event: ReactKeyboardEvent<HTMLButtonElement>) => {
     switch (event.key) {
-      // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-13
+      // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/#keyboard-interaction-13
 
       case Keys.Space:
       case Keys.Enter:
@@ -451,7 +451,7 @@ let Items = forwardRefWithAs(function Items<TTag extends ElementType = typeof DE
     searchDisposables.dispose()
 
     switch (event.key) {
-      // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12
+      // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menu/#keyboard-interaction-12
 
       // @ts-expect-error Fallthrough is expected here
       case Keys.Space:
diff --git a/packages/@headlessui-vue/src/components/combobox/combobox.ts b/packages/@headlessui-vue/src/components/combobox/combobox.ts
index be47a8d..709e068 100644
--- a/packages/@headlessui-vue/src/components/combobox/combobox.ts
+++ b/packages/@headlessui-vue/src/components/combobox/combobox.ts
@@ -562,7 +562,7 @@ export let ComboboxButton = defineComponent({
 
     function handleKeydown(event: KeyboardEvent) {
       switch (event.key) {
-        // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12
+        // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menu/#keyboard-interaction-12
 
         case Keys.ArrowDown:
           event.preventDefault()
@@ -756,7 +756,7 @@ export let ComboboxInput = defineComponent({
     function handleKeyDown(event: KeyboardEvent) {
       isTyping.value = true
       switch (event.key) {
-        // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12
+        // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menu/#keyboard-interaction-12
 
         case Keys.Backspace:
         case Keys.Delete:
diff --git a/packages/@headlessui-vue/src/components/dialog/dialog.ts b/packages/@headlessui-vue/src/components/dialog/dialog.ts
index fb16837..902756c 100644
--- a/packages/@headlessui-vue/src/components/dialog/dialog.ts
+++ b/packages/@headlessui-vue/src/components/dialog/dialog.ts
@@ -1,4 +1,4 @@
-// WAI-ARIA: https://www.w3.org/TR/wai-aria-practices-1.2/#dialog_modal
+// WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/
 import {
   computed,
   defineComponent,
diff --git a/packages/@headlessui-vue/src/components/disclosure/disclosure.ts b/packages/@headlessui-vue/src/components/disclosure/disclosure.ts
index 210105e..ae47342 100644
--- a/packages/@headlessui-vue/src/components/disclosure/disclosure.ts
+++ b/packages/@headlessui-vue/src/components/disclosure/disclosure.ts
@@ -1,4 +1,4 @@
-// WAI-ARIA: https://www.w3.org/TR/wai-aria-practices-1.2/#disclosure
+// WAI-ARIA: https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/
 import {
   defineComponent,
   ref,
diff --git a/packages/@headlessui-vue/src/components/listbox/listbox.ts b/packages/@headlessui-vue/src/components/listbox/listbox.ts
index 5f35540..774f6b4 100644
--- a/packages/@headlessui-vue/src/components/listbox/listbox.ts
+++ b/packages/@headlessui-vue/src/components/listbox/listbox.ts
@@ -463,7 +463,7 @@ export let ListboxButton = defineComponent({
 
     function handleKeyDown(event: KeyboardEvent) {
       switch (event.key) {
-        // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-13
+        // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/#keyboard-interaction-13
 
         case Keys.Space:
         case Keys.Enter:
@@ -571,7 +571,7 @@ export let ListboxOptions = defineComponent({
       if (searchDebounce.value) clearTimeout(searchDebounce.value)
 
       switch (event.key) {
-        // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12
+        // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menu/#keyboard-interaction-12
 
         // @ts-expect-error Fallthrough is expected here
         case Keys.Space:
diff --git a/packages/@headlessui-vue/src/components/menu/menu.ts b/packages/@headlessui-vue/src/components/menu/menu.ts
index eb753f6..eb7d921 100644
--- a/packages/@headlessui-vue/src/components/menu/menu.ts
+++ b/packages/@headlessui-vue/src/components/menu/menu.ts
@@ -255,7 +255,7 @@ export let MenuButton = defineComponent({
 
     function handleKeyDown(event: KeyboardEvent) {
       switch (event.key) {
-        // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-13
+        // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/#keyboard-interaction-13
 
         case Keys.Space:
         case Keys.Enter:
@@ -368,7 +368,7 @@ export let MenuItems = defineComponent({
       if (searchDebounce.value) clearTimeout(searchDebounce.value)
 
       switch (event.key) {
-        // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12
+        // Ref: https://www.w3.org/WAI/ARIA/apg/patterns/menu/#keyboard-interaction-12
 
         // @ts-expect-error Fallthrough is expected here
         case Keys.Space: