chore: remove ToolTipContent and deprecated html prop

Author: danielbarion

src/components/Tooltip/TooltipTypes.d.ts

@@ -27,7 +27,6 @@ export type PositionStrategy = 'absolute' | 'fixed'
 export type DataAttribute =
   | 'place'
   | 'content'
-  | 'html'
   | 'variant'
   | 'offset'
   | 'wrapper'

src/components/TooltipContent/TooltipContent.tsx

@@ -12,7 +12,6 @@ import type {
   TooltipRefProps,
 } from 'components/Tooltip/TooltipTypes'
 import { useTooltip } from 'components/TooltipProvider'
-import { TooltipContent } from 'components/TooltipContent'
 import { cssSupports } from 'utils'
 import clsx from 'clsx'
 import type { ITooltipController } from './TooltipControllerTypes'
@@ -24,7 +23,6 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
       anchorId,
       anchorSelect,
       content,
-      html,
       render,
       className,
       classNameArrow,
@@ -66,7 +64,6 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
     ref,
   ) => {
     const [tooltipContent, setTooltipContent] = useState(content)
-    const [tooltipHtml, setTooltipHtml] = useState(html)
     const [tooltipPlace, setTooltipPlace] = useState(place)
     const [tooltipVariant, setTooltipVariant] = useState(variant)
     const [tooltipOffset, setTooltipOffset] = useState(offset)
@@ -107,9 +104,6 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
         content: (value) => {
           setTooltipContent(value ?? content)
         },
-        html: (value) => {
-          setTooltipHtml(value ?? html)
-        },
         variant: (value) => {
           setTooltipVariant((value as VariantType) ?? variant)
         },
@@ -154,10 +148,6 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
       setTooltipContent(content)
     }, [content])
 
-    useEffect(() => {
-      setTooltipHtml(html)
-    }, [html])
-
     useEffect(() => {
       setTooltipPlace(place)
     }, [place])
@@ -326,9 +316,6 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
     } else if (tooltipContent) {
       renderedContent = tooltipContent
     }
-    if (tooltipHtml) {
-      renderedContent = <TooltipContent content={tooltipHtml} />
-    }
 
     const props: ITooltip = {
       forwardRef: ref,

src/components/TooltipContent/TooltipContentTypes.d.ts

@@ -18,10 +18,6 @@ export interface ITooltipController {
   className?: string
   classNameArrow?: string
   content?: string
-  /**
-   * @deprecated Use `children` or `render` instead
-   */
-  html?: string
   render?: (render: { content: string | null; activeAnchor: HTMLElement | null }) => ChildrenType
   place?: PlacesType
   offset?: number

src/components/TooltipContent/index.ts

@@ -30,7 +30,6 @@ export interface ITooltipWrapper {
 
   place?: ITooltipController['place']
   content?: ITooltipController['content']
-  html?: ITooltipController['html']
   variant?: ITooltipController['variant']
   offset?: ITooltipController['offset']
   wrapper?: ITooltipController['wrapper']

src/components/TooltipController/TooltipController.tsx

@@ -13,7 +13,6 @@ const TooltipWrapper = ({
   className,
   place,
   content,
-  html,
   variant,
   offset,
   wrapper,
@@ -38,7 +37,6 @@ const TooltipWrapper = ({
       className={clsx('react-tooltip-wrapper', className)}
       data-tooltip-place={place}
       data-tooltip-content={content}
-      data-tooltip-html={html}
       data-tooltip-variant={variant}
       data-tooltip-offset={offset}
       data-tooltip-wrapper={wrapper}

src/components/TooltipController/TooltipControllerTypes.d.ts

@@ -122,33 +122,6 @@ exports[`tooltip props tooltip with float 1`] = `
 </div>
 `;
 
-exports[`tooltip props tooltip with html 1`] = `
-<div>
-  <span
-    data-tooltip-id="example-html"
-  >
-    Lorem Ipsum
-  </span>
-  <div
-    class="react-tooltip react-tooltip__place-top react-tooltip__show"
-    id="example-html"
-    role="tooltip"
-    style="left: 5px; top: -10px;"
-  >
-    <span>
-      <div>
-        Hello World!
-        <div />
-      </div>
-    </span>
-    <div
-      class="react-tooltip-arrow"
-      style="left: -1px; bottom: -4px;"
-    />
-  </div>
-</div>
-`;
-
 exports[`tooltip props tooltip with place 1`] = `
 <div>
   <span

src/components/TooltipProvider/TooltipProviderTypes.d.ts

@@ -57,19 +57,6 @@ describe('tooltip props', () => {
     expect(container).toMatchSnapshot()
   })
 
-  test('tooltip with html', async () => {
-    const { container } = render(<TooltipProps id="example-html" html="<div>Hello World!<div>" />)
-    const anchorElement = screen.getByText('Lorem Ipsum')
-
-    await userEvent.hover(anchorElement)
-
-    const tooltip = await screen.findByRole('tooltip')
-    expect(tooltip).toHaveAttribute('style')
-
-    expect(tooltip).toBeInTheDocument()
-    expect(container).toMatchSnapshot()
-  })
-
   test('clickable tooltip', async () => {
     const id = 'example-clickable'