feat: use AriaRole type

dmbln34 · gabrieljablonski · commit 708bfa612d9a · 2023-11-21T16:27:50.000-03:00
diff --git a/docs/docs/options.mdx b/docs/docs/options.mdx
@@ -130,4 +130,4 @@ import { Tooltip } from 'react-tooltip';
 | `opacity`               | CSS opacity                            | no       | `0.9`                     | a CSS opacity value                                                                                                               | Change the opacity of the tooltip                                                                                                                               |
 | `arrowColor`            | CSS color                              | no       |                           | a CSS background color                                                                                                            | Change color of the tooltip arrow                                                                                                                               |
 | `disableStyleInjection` | `boolean` or `'core'`                  | no       | `false`                   | `true` `false` `'core'`                                                                                                           | Whether to disable automatic style injection. Do not set dynamically. Check the [styling page](./examples/styling#disabling-reacttooltip-css) for more details  |
-| `role`                  | `'tooltip'` or `'dialog'`              | no       | `tooltip`                 | `'tooltip'` `'dialog'`                                                                                                            | Set ARIA role, either `tooltip` or `dialog` if the tooltip should contain focusable elements                                                                    |
+| `role`                  | React.AriaRole                         | no       | `tooltip`                 | `'tooltip'` `'dialog'`                                                                                                            | Set ARIA role, either `tooltip` or `dialog` if the tooltip should contain focusable elements                                                                    |
diff --git a/src/components/Tooltip/TooltipTypes.d.ts b/src/components/Tooltip/TooltipTypes.d.ts
@@ -153,5 +153,5 @@ export interface ITooltip {
   border?: CSSProperties['border']
   opacity?: CSSProperties['opacity']
   arrowColor?: CSSProperties['backgroundColor']
-  role?: 'tooltip' | 'dialog'
+  role?: React.AriaRole
 }
diff --git a/src/components/TooltipController/TooltipControllerTypes.d.ts b/src/components/TooltipController/TooltipControllerTypes.d.ts
@@ -93,7 +93,7 @@ export interface ITooltipController {
   setIsOpen?: (value: boolean) => void
   afterShow?: () => void
   afterHide?: () => void
-  role?: 'tooltip' | 'dialog'
+  role?: React.AriaRole
 }
 
 declare module 'react' {

Original file line number	Diff line number	Diff line change
`@@ -153,5 +153,5 @@ export interface ITooltip {`
`153`	`153`	`border?: CSSProperties['border']`
`154`	`154`	`opacity?: CSSProperties['opacity']`
`155`	`155`	`arrowColor?: CSSProperties['backgroundColor']`
`156`		`- role?: 'tooltip' \| 'dialog'`
	`156`	`+ role?: React.AriaRole`
`157`	`157`	`}`
Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,7 @@ export interface ITooltipController {`
`93`	`93`	`setIsOpen?: (value: boolean) => void`
`94`	`94`	`afterShow?: () => void`
`95`	`95`	`afterHide?: () => void`
`96`		`- role?: 'tooltip' \| 'dialog'`
	`96`	`+ role?: React.AriaRole`
`97`	`97`	`}`
`98`	`98`
`99`	`99`	`declare module 'react' {`