feat: add role prop

ReactTooltip · Nov 21, 2023 · e19d1b7 · e19d1b7
1 parent 9e9ff0e
commit e19d1b7
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 1 deletion.
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
@@ -61,6 +61,7 @@ const Tooltip = ({
   border,
   opacity,
   arrowColor,
+  role = 'tooltip',
 }: ITooltip) => {
   const tooltipRef = useRef<HTMLElement>(null)
   const tooltipArrowRef = useRef<HTMLElement>(null)
@@ -788,7 +789,7 @@ const Tooltip = ({
   return rendered && !hidden && actualContent ? (
     <WrapperElement
       id={id}
-      role="tooltip"
+      role={role}
       className={classNames(
         'react-tooltip',
         coreStyles['tooltip'],

diff --git a/src/components/Tooltip/TooltipTypes.d.ts b/src/components/Tooltip/TooltipTypes.d.ts
@@ -153,4 +153,5 @@ export interface ITooltip {
   border?: CSSProperties['border']
   opacity?: CSSProperties['opacity']
   arrowColor?: CSSProperties['backgroundColor']
+  role?: 'tooltip' | 'dialog'
 }
diff --git a/src/components/TooltipController/TooltipController.tsx b/src/components/TooltipController/TooltipController.tsx
@@ -59,6 +59,7 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
       setIsOpen,
       afterShow,
       afterHide,
+      role,
     }: ITooltipController,
     ref,
   ) => {
@@ -356,6 +357,7 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
       afterHide,
       activeAnchor,
       setActiveAnchor: (anchor: HTMLElement | null) => setActiveAnchor(anchor),
+      role,
     }
 
     return <Tooltip {...props} />

diff --git a/src/components/TooltipController/TooltipControllerTypes.d.ts b/src/components/TooltipController/TooltipControllerTypes.d.ts
@@ -93,6 +93,7 @@ export interface ITooltipController {
   setIsOpen?: (value: boolean) => void
   afterShow?: () => void
   afterHide?: () => void
+  role?: 'tooltip' | 'dialog'
 }
 
 declare module 'react' {