refactor: use aria-query for types

Author: timdeschryver

package.json

@@ -39,6 +39,7 @@
   ],
   "dependencies": {
     "@babel/runtime": "^7.10.3",
+    "@types/aria-query": "^4.2.0",
     "aria-query": "^4.2.2",
     "dom-accessibility-api": "^0.4.5",
     "pretty-format": "^25.5.0"

types/matches.d.ts

@@ -1,144 +1,13 @@
+import { ARIARole } from 'aria-query'
+
 export type MatcherFunction = (content: string, element: HTMLElement) => boolean
 export type Matcher = string | RegExp | MatcherFunction
 
 // important to use String here
 // this gives us intellisense but it can also accept values
 // that are not included in the union types
-export type ByRoleMatcher = AllowedRoles | String | RegExp | MatcherFunction
-export type AllowedRoles =
-  | 'alert'
-  | 'alertdialog'
-  | 'application'
-  | 'article'
-  | 'banner'
-  | 'blockquote'
-  | 'button'
-  | 'caption'
-  | 'cell'
-  | 'checkbox'
-  | 'code'
-  | 'columnheader'
-  | 'combobox'
-  | 'complementary'
-  | 'contentinfo'
-  | 'definition'
-  | 'deletion'
-  | 'dialog'
-  | 'directory'
-  | 'document'
-  | 'emphasis'
-  | 'feed'
-  | 'figure'
-  | 'form'
-  | 'generic'
-  | 'grid'
-  | 'gridcell'
-  | 'group'
-  | 'heading'
-  | 'img'
-  | 'insertion'
-  | 'link'
-  | 'list'
-  | 'listbox'
-  | 'listitem'
-  | 'log'
-  | 'main'
-  | 'marquee'
-  | 'math'
-  | 'menu'
-  | 'menubar'
-  | 'menuitem'
-  | 'menuitemcheckbox'
-  | 'menuitemradio'
-  | 'meter'
-  | 'navigation'
-  | 'none'
-  | 'note'
-  | 'option'
-  | 'paragraph'
-  | 'presentation'
-  | 'progressbar'
-  | 'radio'
-  | 'radiogroup'
-  | 'region'
-  | 'row'
-  | 'rowgroup'
-  | 'rowheader'
-  | 'scrollbar'
-  | 'search'
-  | 'searchbox'
-  | 'separator'
-  | 'slider'
-  | 'spinbutton'
-  | 'status'
-  | 'strong'
-  | 'subscript'
-  | 'superscript'
-  | 'switch'
-  | 'tab'
-  | 'table'
-  | 'tablist'
-  | 'tabpanel'
-  | 'term'
-  | 'textbox'
-  | 'time'
-  | 'timer'
-  | 'toolbar'
-  | 'tooltip'
-  | 'tree'
-  | 'treegrid'
-  | 'treeitem'
-  | 'command'
-  | 'composite'
-  | 'input'
-  | 'landmark'
-  | 'range'
-  | 'roletype'
-  | 'section'
-  | 'sectionhead'
-  | 'select'
-  | 'structure'
-  | 'widget'
-  | 'window'
-  | 'doc-abstract'
-  | 'doc-acknowledgments'
-  | 'doc-afterword'
-  | 'doc-appendix'
-  | 'doc-backlink'
-  | 'doc-biblioentry'
-  | 'doc-bibliography'
-  | 'doc-biblioref'
-  | 'doc-chapter'
-  | 'doc-colophon'
-  | 'doc-conclusion'
-  | 'doc-cover'
-  | 'doc-credit'
-  | 'doc-credits'
-  | 'doc-dedication'
-  | 'doc-endnote'
-  | 'doc-endnotes'
-  | 'doc-epigraph'
-  | 'doc-epilogue'
-  | 'doc-errata'
-  | 'doc-example'
-  | 'doc-footnote'
-  | 'doc-foreword'
-  | 'doc-glossary'
-  | 'doc-glossref'
-  | 'doc-index'
-  | 'doc-introduction'
-  | 'doc-noteref'
-  | 'doc-notice'
-  | 'doc-pagebreak'
-  | 'doc-pagelist'
-  | 'doc-part'
-  | 'doc-preface'
-  | 'doc-prologue'
-  | 'doc-pullquote'
-  | 'doc-qna'
-  | 'doc-subtitle'
-  | 'doc-tip'
-  | 'doc-toc'
+// eslint-disable-next-line ban-types
+export type ByRoleMatcher = ARIARole | String | RegExp | MatcherFunction
 
 export type NormalizerFn = (text: string) => string
 

types/queries.d.ts

@@ -1,6 +1,6 @@
-import {Matcher, MatcherOptions, ByRoleMatcher} from './matches'
-import {SelectorMatcherOptions} from './query-helpers'
-import {waitForOptions} from './wait-for'
+import { Matcher, MatcherOptions, ByRoleMatcher } from './matches'
+import { SelectorMatcherOptions } from './query-helpers'
+import { waitForOptions } from './wait-for'
 
 export type QueryByBoundAttribute = (
   container: HTMLElement,