refactor: TooltipRefProps

Author: gabrieljablonski

src/App.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import { TooltipController as Tooltip } from 'components/TooltipController'
-import { IPosition, TooltipImperativeProps } from 'components/Tooltip/TooltipTypes.d'
+import { IPosition, TooltipRefProps } from 'components/Tooltip/TooltipTypes.d'
 import React, { useEffect, useRef, useState } from 'react'
 import { inline, offset } from '@floating-ui/dom'
 import styles from './styles.module.css'
@@ -11,7 +11,7 @@ function App() {
   const [isDarkOpen, setIsDarkOpen] = useState(false)
   const [position, setPosition] = useState<IPosition>({ x: 0, y: 0 })
   const [toggle, setToggle] = useState(false)
-  const tooltipRef = useRef<TooltipImperativeProps>(null)
+  const tooltipRef = useRef<TooltipRefProps>(null)
 
   const handlePositionClick: React.MouseEventHandler<HTMLDivElement> = (event) => {
     const x = event.clientX

src/components/Tooltip/TooltipTypes.d.ts

@@ -67,7 +67,7 @@ export interface TooltipImperativeCloseOptions {
   delay?: number
 }
 
-export interface TooltipImperativeProps {
+export interface TooltipRefProps {
   open: (options?: TooltipImperativeOpenOptions) => void
   close: (options?: TooltipImperativeCloseOptions) => void
   /**
@@ -106,7 +106,7 @@ export type GlobalCloseEvents = {
 }
 
 export interface ITooltip {
-  forwardRef?: React.ForwardedRef<TooltipImperativeProps>
+  forwardRef?: React.ForwardedRef<TooltipRefProps>
   className?: string
   classNameArrow?: string
   content?: ChildrenType

src/components/TooltipController/TooltipController.tsx

@@ -9,14 +9,14 @@ import type {
   DataAttribute,
   ITooltip,
   ChildrenType,
-  TooltipImperativeProps,
+  TooltipRefProps,
 } from 'components/Tooltip/TooltipTypes'
 import { useTooltip } from 'components/TooltipProvider'
 import { TooltipContent } from 'components/TooltipContent'
 import cssSupports from 'utils/css-supports'
 import type { ITooltipController } from './TooltipControllerTypes'
 
-const TooltipController = React.forwardRef<TooltipImperativeProps, ITooltipController>(
+const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
   (
     {
       id,

src/index.tsx

@@ -12,7 +12,7 @@ import type {
   WrapperType,
   IPosition,
   Middleware,
-  TooltipImperativeProps,
+  TooltipRefProps,
 } from './components/Tooltip/TooltipTypes'
 import type { ITooltipController } from './components/TooltipController/TooltipControllerTypes'
 import type { ITooltipWrapper } from './components/TooltipProvider/TooltipProviderTypes'
@@ -48,7 +48,7 @@ export type {
   ITooltipWrapper,
   IPosition,
   Middleware,
-  TooltipImperativeProps as TooltipRefProps,
+  TooltipRefProps,
 }
 
 export { removeStyle } from './utils/handle-style'