react-tooltip 5.19.0-beta.1052.0 → 5.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"react-tooltip.min.mjs","sources":["../src/utils/handle-style.ts","../src/utils/debounce.ts","../src/components/TooltipProvider/TooltipProvider.tsx","../src/components/TooltipProvider/TooltipWrapper.tsx","../src/utils/use-isomorphic-layout-effect.ts","../src/utils/get-scroll-parent.ts","../src/utils/compute-positions.ts","../src/components/Tooltip/Tooltip.tsx","../src/components/TooltipContent/TooltipContent.tsx","../src/components/TooltipController/TooltipController.tsx","../src/index.tsx"],"sourcesContent":["// This is the ID for the core styles of ReactTooltip\nconst REACT_TOOLTIP_CORE_STYLES_ID = 'react-tooltip-core-styles'\n// This is the ID for the visual styles of ReactTooltip\nconst REACT_TOOLTIP_BASE_STYLES_ID = 'react-tooltip-base-styles'\n\nconst injected = {\n core: false,\n base: false,\n}\n\nfunction injectStyle({\n css,\n id = REACT_TOOLTIP_BASE_STYLES_ID,\n type = 'base',\n ref,\n}: {\n css: string\n id?: string\n type?: 'core' | 'base'\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref?: any\n}) {\n if (type === 'core') {\n // eslint-disable-next-line no-param-reassign\n id = REACT_TOOLTIP_CORE_STYLES_ID\n }\n\n if (!ref) {\n // eslint-disable-next-line no-param-reassign\n ref = {}\n }\n const { insertAt } = ref\n\n if (!css || typeof document === 'undefined' || injected[type]) {\n return\n }\n\n if (document.getElementById(id)) {\n // this should never happen because of `injected[type]`\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(\n `[react-tooltip] Element with id '${id}' already exists. Call \\`removeStyle()\\` first`,\n )\n }\n return\n }\n\n const head = document.head || document.getElementsByTagName('head')[0]\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const style: any = document.createElement('style')\n style.id = id\n style.type = 'text/css'\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild)\n } else {\n head.appendChild(style)\n }\n } else {\n head.appendChild(style)\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css\n } else {\n style.appendChild(document.createTextNode(css))\n }\n\n injected[type] = true\n}\n\nfunction removeStyle({\n type = 'base',\n id = REACT_TOOLTIP_BASE_STYLES_ID,\n}: {\n type?: 'core' | 'base'\n id?: string\n} = {}) {\n if (!injected[type]) {\n return\n }\n\n if (type === 'core') {\n // eslint-disable-next-line no-param-reassign\n id = REACT_TOOLTIP_CORE_STYLES_ID\n }\n\n const style = document.getElementById(id)\n if (style?.tagName === 'style') {\n style?.remove()\n } else if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(\n `[react-tooltip] Failed to remove 'style' element with id '${id}'. Call \\`injectStyle()\\` first`,\n )\n }\n\n injected[type] = false\n}\n\nexport { injectStyle, removeStyle }\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * This function debounce the received function\n * @param { function } \tfunc\t\t\t\tFunction to be debounced\n * @param { number } \t\twait\t\t\t\tTime to wait before execut the function\n * @param { boolean } \timmediate\t\tParam to define if the function will be executed immediately\n */\nconst debounce = (func: (...args: any[]) => void, wait?: number, immediate?: true) => {\n let timeout: NodeJS.Timeout | null = null\n\n return function debounced(this: typeof func, ...args: any[]) {\n const later = () => {\n timeout = null\n if (!immediate) {\n func.apply(this, args)\n }\n }\n\n if (immediate && !timeout) {\n /**\n * there's not need to clear the timeout\n * since we expect it to resolve and set `timeout = null`\n */\n func.apply(this, args)\n timeout = setTimeout(later, wait)\n }\n\n if (!immediate) {\n if (timeout) {\n clearTimeout(timeout)\n }\n timeout = setTimeout(later, wait)\n }\n }\n}\n\nexport default debounce\n","import React, {\n createContext,\n PropsWithChildren,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from 'react'\n\nimport type {\n AnchorRef,\n TooltipContextData,\n TooltipContextDataWrapper,\n} from './TooltipProviderTypes'\n\nconst DEFAULT_TOOLTIP_ID = 'DEFAULT_TOOLTIP_ID'\nconst DEFAULT_CONTEXT_DATA: TooltipContextData = {\n anchorRefs: new Set(),\n activeAnchor: { current: null },\n attach: () => {\n /* attach anchor element */\n },\n detach: () => {\n /* detach anchor element */\n },\n setActiveAnchor: () => {\n /* set active anchor */\n },\n}\n\nconst DEFAULT_CONTEXT_DATA_WRAPPER: TooltipContextDataWrapper = {\n getTooltipData: () => DEFAULT_CONTEXT_DATA,\n}\n\nconst TooltipContext = createContext<TooltipContextDataWrapper>(DEFAULT_CONTEXT_DATA_WRAPPER)\n\n/**\n * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.\n * See https://react-tooltip.com/docs/getting-started\n */\nconst TooltipProvider: React.FC<PropsWithChildren<void>> = ({ children }) => {\n const [anchorRefMap, setAnchorRefMap] = useState<Record<string, Set<AnchorRef>>>({\n [DEFAULT_TOOLTIP_ID]: new Set(),\n })\n const [activeAnchorMap, setActiveAnchorMap] = useState<Record<string, AnchorRef>>({\n [DEFAULT_TOOLTIP_ID]: { current: null },\n })\n\n const attach = (tooltipId: string, ...refs: AnchorRef[]) => {\n setAnchorRefMap((oldMap) => {\n const tooltipRefs = oldMap[tooltipId] ?? new Set()\n refs.forEach((ref) => tooltipRefs.add(ref))\n // create new object to trigger re-render\n return { ...oldMap, [tooltipId]: new Set(tooltipRefs) }\n })\n }\n\n const detach = (tooltipId: string, ...refs: AnchorRef[]) => {\n setAnchorRefMap((oldMap) => {\n const tooltipRefs = oldMap[tooltipId]\n if (!tooltipRefs) {\n // tooltip not found\n // maybe thow error?\n return oldMap\n }\n refs.forEach((ref) => tooltipRefs.delete(ref))\n // create new object to trigger re-render\n return { ...oldMap }\n })\n }\n\n const setActiveAnchor = (tooltipId: string, ref: React.RefObject<HTMLElement>) => {\n setActiveAnchorMap((oldMap) => {\n if (oldMap[tooltipId]?.current === ref.current) {\n return oldMap\n }\n // create new object to trigger re-render\n return { ...oldMap, [tooltipId]: ref }\n })\n }\n\n const getTooltipData = useCallback(\n (tooltipId = DEFAULT_TOOLTIP_ID) => ({\n anchorRefs: anchorRefMap[tooltipId] ?? new Set(),\n activeAnchor: activeAnchorMap[tooltipId] ?? { current: null },\n attach: (...refs: AnchorRef[]) => attach(tooltipId, ...refs),\n detach: (...refs: AnchorRef[]) => detach(tooltipId, ...refs),\n setActiveAnchor: (ref: AnchorRef) => setActiveAnchor(tooltipId, ref),\n }),\n [anchorRefMap, activeAnchorMap, attach, detach],\n )\n\n const context = useMemo(() => {\n return {\n getTooltipData,\n }\n }, [getTooltipData])\n\n return <TooltipContext.Provider value={context}>{children}</TooltipContext.Provider>\n}\n\nexport function useTooltip(tooltipId = DEFAULT_TOOLTIP_ID) {\n return useContext(TooltipContext).getTooltipData(tooltipId)\n}\n\nexport default TooltipProvider\n","import React, { useEffect, useRef } from 'react'\nimport classNames from 'classnames'\nimport { useTooltip } from './TooltipProvider'\nimport type { ITooltipWrapper } from './TooltipProviderTypes'\n\n/**\n * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.\n * See https://react-tooltip.com/docs/getting-started\n */\nconst TooltipWrapper = ({\n tooltipId,\n children,\n className,\n place,\n content,\n html,\n variant,\n offset,\n wrapper,\n events,\n positionStrategy,\n delayShow,\n delayHide,\n}: ITooltipWrapper) => {\n const { attach, detach } = useTooltip(tooltipId)\n const anchorRef = useRef<HTMLElement | null>(null)\n\n useEffect(() => {\n attach(anchorRef)\n return () => {\n detach(anchorRef)\n }\n }, [])\n\n return (\n <span\n ref={anchorRef}\n className={classNames('react-tooltip-wrapper', className)}\n data-tooltip-place={place}\n data-tooltip-content={content}\n data-tooltip-html={html}\n data-tooltip-variant={variant}\n data-tooltip-offset={offset}\n data-tooltip-wrapper={wrapper}\n data-tooltip-events={events}\n data-tooltip-position-strategy={positionStrategy}\n data-tooltip-delay-show={delayShow}\n data-tooltip-delay-hide={delayHide}\n >\n {children}\n </span>\n )\n}\n\nexport default TooltipWrapper\n","import { useLayoutEffect, useEffect } from 'react'\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nexport default useIsomorphicLayoutEffect\n","const isScrollable = (node: Element) => {\n if (!(node instanceof HTMLElement || node instanceof SVGElement)) {\n return false\n }\n const style = getComputedStyle(node)\n return ['overflow', 'overflow-x', 'overflow-y'].some((propertyName) => {\n const value = style.getPropertyValue(propertyName)\n return value === 'auto' || value === 'scroll'\n })\n}\n\nexport const getScrollParent = (node: Element | null) => {\n if (!node) {\n return null\n }\n let currentParent = node.parentElement\n while (currentParent) {\n if (isScrollable(currentParent)) {\n return currentParent\n }\n currentParent = currentParent.parentElement\n }\n return document.scrollingElement || document.documentElement\n}\n","import { computePosition, offset, shift, arrow, flip } from '@floating-ui/dom'\nimport type { IComputePositions } from './compute-positions-types'\n\nexport const computeTooltipPosition = async ({\n elementReference = null,\n tooltipReference = null,\n tooltipArrowReference = null,\n place = 'top',\n offset: offsetValue = 10,\n strategy = 'absolute',\n middlewares = [offset(Number(offsetValue)), flip(), shift({ padding: 5 })],\n border,\n}: IComputePositions) => {\n if (!elementReference) {\n // elementReference can be null or undefined and we will not compute the position\n // eslint-disable-next-line no-console\n // console.error('The reference element for tooltip was not defined: ', elementReference)\n return { tooltipStyles: {}, tooltipArrowStyles: {}, place }\n }\n\n if (tooltipReference === null) {\n return { tooltipStyles: {}, tooltipArrowStyles: {}, place }\n }\n\n const middleware = middlewares\n\n if (tooltipArrowReference) {\n middleware.push(arrow({ element: tooltipArrowReference as HTMLElement, padding: 5 }))\n\n return computePosition(elementReference as HTMLElement, tooltipReference as HTMLElement, {\n placement: place,\n strategy,\n middleware,\n }).then(({ x, y, placement, middlewareData }) => {\n const styles = { left: `${x}px`, top: `${y}px`, border }\n\n const { x: arrowX, y: arrowY } = middlewareData.arrow ?? { x: 0, y: 0 }\n\n const staticSide =\n {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]] ?? 'bottom'\n\n const borderSide =\n border &&\n {\n top: { borderBottom: border, borderRight: border },\n right: { borderBottom: border, borderLeft: border },\n bottom: { borderTop: border, borderLeft: border },\n left: { borderTop: border, borderRight: border },\n }[placement.split('-')[0]]\n\n let borderWidth = 0\n if (border) {\n const match = `${border}`.match(/(\\d+)px/)\n if (match?.[1]) {\n borderWidth = Number(match[1])\n } else {\n /**\n * this means `border` was set without `width`, or non-px value\n */\n borderWidth = 1\n }\n }\n\n const arrowStyle = {\n left: arrowX != null ? `${arrowX}px` : '',\n top: arrowY != null ? `${arrowY}px` : '',\n right: '',\n bottom: '',\n ...borderSide,\n [staticSide]: `-${4 + borderWidth}px`,\n }\n\n return { tooltipStyles: styles, tooltipArrowStyles: arrowStyle, place: placement }\n })\n }\n\n return computePosition(elementReference as HTMLElement, tooltipReference as HTMLElement, {\n placement: 'bottom',\n strategy,\n middleware,\n }).then(({ x, y, placement }) => {\n const styles = { left: `${x}px`, top: `${y}px` }\n\n return { tooltipStyles: styles, tooltipArrowStyles: {}, place: placement }\n })\n}\n","import React, { useEffect, useState, useRef } from 'react'\nimport classNames from 'classnames'\nimport debounce from 'utils/debounce'\nimport { useTooltip } from 'components/TooltipProvider'\nimport useIsomorphicLayoutEffect from 'utils/use-isomorphic-layout-effect'\nimport { getScrollParent } from 'utils/get-scroll-parent'\nimport { computeTooltipPosition } from 'utils/compute-positions'\nimport coreStyles from './core-styles.module.css'\nimport styles from './styles.module.css'\nimport type { IPosition, ITooltip, PlacesType } from './TooltipTypes'\n\nconst Tooltip = ({\n // props\n id,\n className,\n classNameArrow,\n variant = 'dark',\n anchorId,\n anchorSelect,\n place = 'top',\n offset = 10,\n events = ['hover'],\n openOnClick = false,\n positionStrategy = 'absolute',\n middlewares,\n wrapper: WrapperElement,\n delayShow = 0,\n delayHide = 0,\n float = false,\n hidden = false,\n noArrow = false,\n clickable = false,\n closeOnEsc = false,\n closeOnScroll = false,\n closeOnResize = false,\n style: externalStyles,\n position,\n afterShow,\n afterHide,\n // props handled by controller\n content,\n contentWrapperRef,\n isOpen,\n setIsOpen,\n activeAnchor,\n setActiveAnchor,\n border,\n opacity,\n}: ITooltip) => {\n const tooltipRef = useRef<HTMLElement>(null)\n const tooltipArrowRef = useRef<HTMLElement>(null)\n const tooltipShowDelayTimerRef = useRef<NodeJS.Timeout | null>(null)\n const tooltipHideDelayTimerRef = useRef<NodeJS.Timeout | null>(null)\n const [actualPlacement, setActualPlacement] = useState(place)\n const [inlineStyles, setInlineStyles] = useState({})\n const [inlineArrowStyles, setInlineArrowStyles] = useState({})\n const [show, setShow] = useState(false)\n const [rendered, setRendered] = useState(false)\n const wasShowing = useRef(false)\n const lastFloatPosition = useRef<IPosition | null>(null)\n /**\n * @todo Remove this in a future version (provider/wrapper method is deprecated)\n */\n const { anchorRefs, setActiveAnchor: setProviderActiveAnchor } = useTooltip(id)\n const hoveringTooltip = useRef(false)\n const [anchorsBySelect, setAnchorsBySelect] = useState<HTMLElement[]>([])\n const mounted = useRef(false)\n\n const shouldOpenOnClick = openOnClick || events.includes('click')\n\n /**\n * useLayoutEffect runs before useEffect,\n * but should be used carefully because of caveats\n * https://beta.reactjs.org/reference/react/useLayoutEffect#caveats\n */\n useIsomorphicLayoutEffect(() => {\n mounted.current = true\n return () => {\n mounted.current = false\n }\n }, [])\n\n useEffect(() => {\n if (!show) {\n /**\n * this fixes weird behavior when switching between two anchor elements very quickly\n * remove the timeout and switch quickly between two adjancent anchor elements to see it\n *\n * in practice, this means the tooltip is not immediately removed from the DOM on hide\n */\n const timeout = setTimeout(() => {\n setRendered(false)\n }, 150)\n return () => {\n clearTimeout(timeout)\n }\n }\n return () => null\n }, [show])\n\n const handleShow = (value: boolean) => {\n if (!mounted.current) {\n return\n }\n if (value) {\n setRendered(true)\n }\n /**\n * wait for the component to render and calculate position\n * before actually showing\n */\n setTimeout(() => {\n if (!mounted.current) {\n return\n }\n setIsOpen?.(value)\n if (isOpen === undefined) {\n setShow(value)\n }\n }, 10)\n }\n\n /**\n * this replicates the effect from `handleShow()`\n * when `isOpen` is changed from outside\n */\n useEffect(() => {\n if (isOpen === undefined) {\n return () => null\n }\n if (isOpen) {\n setRendered(true)\n }\n const timeout = setTimeout(() => {\n setShow(isOpen)\n }, 10)\n return () => {\n clearTimeout(timeout)\n }\n }, [isOpen])\n\n useEffect(() => {\n if (show === wasShowing.current) {\n return\n }\n wasShowing.current = show\n if (show) {\n afterShow?.()\n } else {\n afterHide?.()\n }\n }, [show])\n\n const handleShowTooltipDelayed = () => {\n if (tooltipShowDelayTimerRef.current) {\n clearTimeout(tooltipShowDelayTimerRef.current)\n }\n\n tooltipShowDelayTimerRef.current = setTimeout(() => {\n handleShow(true)\n }, delayShow)\n }\n\n const handleHideTooltipDelayed = (delay = delayHide) => {\n if (tooltipHideDelayTimerRef.current) {\n clearTimeout(tooltipHideDelayTimerRef.current)\n }\n\n tooltipHideDelayTimerRef.current = setTimeout(() => {\n if (hoveringTooltip.current) {\n return\n }\n handleShow(false)\n }, delay)\n }\n\n const handleShowTooltip = (event?: Event) => {\n if (!event) {\n return\n }\n const target = (event.currentTarget ?? event.target) as HTMLElement | null\n if (!target?.isConnected) {\n /**\n * this happens when the target is removed from the DOM\n * at the same time the tooltip gets triggered\n */\n setActiveAnchor(null)\n setProviderActiveAnchor({ current: null })\n return\n }\n if (delayShow) {\n handleShowTooltipDelayed()\n } else {\n handleShow(true)\n }\n setActiveAnchor(target)\n setProviderActiveAnchor({ current: target })\n\n if (tooltipHideDelayTimerRef.current) {\n clearTimeout(tooltipHideDelayTimerRef.current)\n }\n }\n\n const handleHideTooltip = () => {\n if (clickable) {\n // allow time for the mouse to reach the tooltip, in case there's a gap\n handleHideTooltipDelayed(delayHide || 100)\n } else if (delayHide) {\n handleHideTooltipDelayed()\n } else {\n handleShow(false)\n }\n\n if (tooltipShowDelayTimerRef.current) {\n clearTimeout(tooltipShowDelayTimerRef.current)\n }\n }\n\n const handleTooltipPosition = ({ x, y }: IPosition) => {\n const virtualElement = {\n getBoundingClientRect() {\n return {\n x,\n y,\n width: 0,\n height: 0,\n top: y,\n left: x,\n right: x,\n bottom: y,\n }\n },\n } as Element\n computeTooltipPosition({\n place,\n offset,\n elementReference: virtualElement,\n tooltipReference: tooltipRef.current,\n tooltipArrowReference: tooltipArrowRef.current,\n strategy: positionStrategy,\n middlewares,\n border,\n }).then((computedStylesData) => {\n if (Object.keys(computedStylesData.tooltipStyles).length) {\n setInlineStyles(computedStylesData.tooltipStyles)\n }\n if (Object.keys(computedStylesData.tooltipArrowStyles).length) {\n setInlineArrowStyles(computedStylesData.tooltipArrowStyles)\n }\n setActualPlacement(computedStylesData.place as PlacesType)\n })\n }\n\n const handleMouseMove = (event?: Event) => {\n if (!event) {\n return\n }\n const mouseEvent = event as MouseEvent\n const mousePosition = {\n x: mouseEvent.clientX,\n y: mouseEvent.clientY,\n }\n handleTooltipPosition(mousePosition)\n lastFloatPosition.current = mousePosition\n }\n\n const handleClickTooltipAnchor = (event?: Event) => {\n handleShowTooltip(event)\n if (delayHide) {\n handleHideTooltipDelayed()\n }\n }\n\n const handleClickOutsideAnchors = (event: MouseEvent) => {\n const anchorById = document.querySelector<HTMLElement>(`[id='${anchorId}']`)\n const anchors = [anchorById, ...anchorsBySelect]\n if (anchors.some((anchor) => anchor?.contains(event.target as HTMLElement))) {\n return\n }\n if (tooltipRef.current?.contains(event.target as HTMLElement)) {\n return\n }\n handleShow(false)\n if (tooltipShowDelayTimerRef.current) {\n clearTimeout(tooltipShowDelayTimerRef.current)\n }\n }\n\n // debounce handler to prevent call twice when\n // mouse enter and focus events being triggered toggether\n const debouncedHandleShowTooltip = debounce(handleShowTooltip, 50, true)\n const debouncedHandleHideTooltip = debounce(handleHideTooltip, 50, true)\n\n useEffect(() => {\n const elementRefs = new Set(anchorRefs)\n\n anchorsBySelect.forEach((anchor) => {\n elementRefs.add({ current: anchor })\n })\n\n const anchorById = document.querySelector<HTMLElement>(`[id='${anchorId}']`)\n if (anchorById) {\n elementRefs.add({ current: anchorById })\n }\n\n const handleScrollResize = () => {\n handleShow(false)\n }\n\n const anchorScrollParent = getScrollParent(activeAnchor)\n const tooltipScrollParent = getScrollParent(tooltipRef.current)\n\n if (closeOnScroll) {\n window.addEventListener('scroll', handleScrollResize)\n anchorScrollParent?.addEventListener('scroll', handleScrollResize)\n tooltipScrollParent?.addEventListener('scroll', handleScrollResize)\n }\n if (closeOnResize) {\n window.addEventListener('resize', handleScrollResize)\n }\n\n const handleEsc = (event: KeyboardEvent) => {\n if (event.key !== 'Escape') {\n return\n }\n handleShow(false)\n }\n\n if (closeOnEsc) {\n window.addEventListener('keydown', handleEsc)\n }\n\n const enabledEvents: { event: string; listener: (event?: Event) => void }[] = []\n\n if (shouldOpenOnClick) {\n window.addEventListener('click', handleClickOutsideAnchors)\n enabledEvents.push({ event: 'click', listener: handleClickTooltipAnchor })\n } else {\n enabledEvents.push(\n { event: 'mouseenter', listener: debouncedHandleShowTooltip },\n { event: 'mouseleave', listener: debouncedHandleHideTooltip },\n { event: 'focus', listener: debouncedHandleShowTooltip },\n { event: 'blur', listener: debouncedHandleHideTooltip },\n )\n if (float) {\n enabledEvents.push({\n event: 'mousemove',\n listener: handleMouseMove,\n })\n }\n }\n\n const handleMouseEnterTooltip = () => {\n hoveringTooltip.current = true\n }\n const handleMouseLeaveTooltip = () => {\n hoveringTooltip.current = false\n handleHideTooltip()\n }\n\n if (clickable && !shouldOpenOnClick) {\n tooltipRef.current?.addEventListener('mouseenter', handleMouseEnterTooltip)\n tooltipRef.current?.addEventListener('mouseleave', handleMouseLeaveTooltip)\n }\n\n enabledEvents.forEach(({ event, listener }) => {\n elementRefs.forEach((ref) => {\n ref.current?.addEventListener(event, listener)\n })\n })\n\n return () => {\n if (closeOnScroll) {\n window.removeEventListener('scroll', handleScrollResize)\n anchorScrollParent?.removeEventListener('scroll', handleScrollResize)\n tooltipScrollParent?.removeEventListener('scroll', handleScrollResize)\n }\n if (closeOnResize) {\n window.removeEventListener('resize', handleScrollResize)\n }\n if (shouldOpenOnClick) {\n window.removeEventListener('click', handleClickOutsideAnchors)\n }\n if (closeOnEsc) {\n window.removeEventListener('keydown', handleEsc)\n }\n if (clickable && !shouldOpenOnClick) {\n tooltipRef.current?.removeEventListener('mouseenter', handleMouseEnterTooltip)\n tooltipRef.current?.removeEventListener('mouseleave', handleMouseLeaveTooltip)\n }\n enabledEvents.forEach(({ event, listener }) => {\n elementRefs.forEach((ref) => {\n ref.current?.removeEventListener(event, listener)\n })\n })\n }\n /**\n * rendered is also a dependency to ensure anchor observers are re-registered\n * since `tooltipRef` becomes stale after removing/adding the tooltip to the DOM\n */\n }, [rendered, anchorRefs, anchorsBySelect, closeOnEsc, events])\n\n useEffect(() => {\n let selector = anchorSelect ?? ''\n if (!selector && id) {\n selector = `[data-tooltip-id='${id}']`\n }\n const documentObserverCallback: MutationCallback = (mutationList) => {\n const newAnchors: HTMLElement[] = []\n mutationList.forEach((mutation) => {\n if (mutation.type === 'attributes' && mutation.attributeName === 'data-tooltip-id') {\n const newId = (mutation.target as HTMLElement).getAttribute('data-tooltip-id')\n if (newId === id) {\n newAnchors.push(mutation.target as HTMLElement)\n }\n }\n if (mutation.type !== 'childList') {\n return\n }\n if (activeAnchor) {\n ;[...mutation.removedNodes].some((node) => {\n if (node?.contains?.(activeAnchor)) {\n setRendered(false)\n handleShow(false)\n setActiveAnchor(null)\n if (tooltipShowDelayTimerRef.current) {\n clearTimeout(tooltipShowDelayTimerRef.current)\n }\n if (tooltipHideDelayTimerRef.current) {\n clearTimeout(tooltipHideDelayTimerRef.current)\n }\n return true\n }\n return false\n })\n }\n if (!selector) {\n return\n }\n try {\n const elements = [...mutation.addedNodes].filter((node) => node.nodeType === 1)\n newAnchors.push(\n // the element itself is an anchor\n ...(elements.filter((element) =>\n (element as HTMLElement).matches(selector),\n ) as HTMLElement[]),\n )\n newAnchors.push(\n // the element has children which are anchors\n ...elements.flatMap(\n (element) =>\n [...(element as HTMLElement).querySelectorAll(selector)] as HTMLElement[],\n ),\n )\n } catch {\n /**\n * invalid CSS selector.\n * already warned on tooltip controller\n */\n }\n })\n if (newAnchors.length) {\n setAnchorsBySelect((anchors) => [...anchors, ...newAnchors])\n }\n }\n const documentObserver = new MutationObserver(documentObserverCallback)\n // watch for anchor being removed from the DOM\n documentObserver.observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['data-tooltip-id'],\n })\n return () => {\n documentObserver.disconnect()\n }\n }, [id, anchorSelect, activeAnchor])\n\n const updateTooltipPosition = () => {\n if (position) {\n // if `position` is set, override regular and `float` positioning\n handleTooltipPosition(position)\n return\n }\n\n if (float) {\n if (lastFloatPosition.current) {\n /*\n Without this, changes to `content`, `place`, `offset`, ..., will only\n trigger a position calculation after a `mousemove` event.\n\n To see why this matters, comment this line, run `yarn dev` and click the\n \"Hover me!\" anchor.\n */\n handleTooltipPosition(lastFloatPosition.current)\n }\n // if `float` is set, override regular positioning\n return\n }\n\n computeTooltipPosition({\n place,\n offset,\n elementReference: activeAnchor,\n tooltipReference: tooltipRef.current,\n tooltipArrowReference: tooltipArrowRef.current,\n strategy: positionStrategy,\n middlewares,\n border,\n }).then((computedStylesData) => {\n if (!mounted.current) {\n // invalidate computed positions after remount\n return\n }\n if (Object.keys(computedStylesData.tooltipStyles).length) {\n setInlineStyles(computedStylesData.tooltipStyles)\n }\n if (Object.keys(computedStylesData.tooltipArrowStyles).length) {\n setInlineArrowStyles(computedStylesData.tooltipArrowStyles)\n }\n setActualPlacement(computedStylesData.place as PlacesType)\n })\n }\n\n useEffect(() => {\n updateTooltipPosition()\n }, [show, activeAnchor, content, externalStyles, place, offset, positionStrategy, position])\n\n useEffect(() => {\n if (!contentWrapperRef?.current) {\n return () => null\n }\n const contentObserver = new ResizeObserver(() => {\n updateTooltipPosition()\n })\n contentObserver.observe(contentWrapperRef.current)\n return () => {\n contentObserver.disconnect()\n }\n }, [content, contentWrapperRef?.current])\n\n useEffect(() => {\n const anchorById = document.querySelector<HTMLElement>(`[id='${anchorId}']`)\n const anchors = [...anchorsBySelect, anchorById]\n if (!activeAnchor || !anchors.includes(activeAnchor)) {\n /**\n * if there is no active anchor,\n * or if the current active anchor is not amongst the allowed ones,\n * reset it\n */\n setActiveAnchor(anchorsBySelect[0] ?? anchorById)\n }\n }, [anchorId, anchorsBySelect, activeAnchor])\n\n useEffect(() => {\n return () => {\n if (tooltipShowDelayTimerRef.current) {\n clearTimeout(tooltipShowDelayTimerRef.current)\n }\n if (tooltipHideDelayTimerRef.current) {\n clearTimeout(tooltipHideDelayTimerRef.current)\n }\n }\n }, [])\n\n useEffect(() => {\n let selector = anchorSelect\n if (!selector && id) {\n selector = `[data-tooltip-id='${id}']`\n }\n if (!selector) {\n return\n }\n try {\n const anchors = Array.from(document.querySelectorAll<HTMLElement>(selector))\n setAnchorsBySelect(anchors)\n } catch {\n // warning was already issued in the controller\n setAnchorsBySelect([])\n }\n }, [id, anchorSelect])\n\n const canShow = !hidden && content && show && Object.keys(inlineStyles).length > 0\n\n return rendered ? (\n <WrapperElement\n id={id}\n role=\"tooltip\"\n className={classNames(\n 'react-tooltip',\n coreStyles['tooltip'],\n styles['tooltip'],\n styles[variant],\n className,\n `react-tooltip__place-${actualPlacement}`,\n {\n [coreStyles['show']]: canShow,\n [coreStyles['fixed']]: positionStrategy === 'fixed',\n [coreStyles['clickable']]: clickable,\n },\n )}\n style={{\n ...externalStyles,\n ...inlineStyles,\n opacity: opacity !== undefined && canShow ? opacity : undefined,\n }}\n ref={tooltipRef}\n >\n {content}\n <WrapperElement\n className={classNames(\n 'react-tooltip-arrow',\n coreStyles['arrow'],\n styles['arrow'],\n classNameArrow,\n {\n /**\n * changed from dash `no-arrow` to camelcase because of:\n * https://github.com/indooorsman/esbuild-css-modules-plugin/issues/42\n */\n [coreStyles['noArrow']]: noArrow,\n },\n )}\n style={inlineArrowStyles}\n ref={tooltipArrowRef}\n />\n </WrapperElement>\n ) : null\n}\n\nexport default Tooltip\n","/* eslint-disable react/no-danger */\nimport React from 'react'\nimport type { ITooltipContent } from './TooltipContentTypes'\n\nconst TooltipContent = ({ content }: ITooltipContent) => {\n return <span dangerouslySetInnerHTML={{ __html: content }} />\n}\n\nexport default TooltipContent\n","import React, { useEffect, useRef, useState } from 'react'\nimport { Tooltip } from 'components/Tooltip'\nimport type {\n EventsType,\n PositionStrategy,\n PlacesType,\n VariantType,\n WrapperType,\n DataAttribute,\n ITooltip,\n ChildrenType,\n} from 'components/Tooltip/TooltipTypes'\nimport { useTooltip } from 'components/TooltipProvider'\nimport { TooltipContent } from 'components/TooltipContent'\nimport type { ITooltipController } from './TooltipControllerTypes'\n\nconst TooltipController = ({\n id,\n anchorId,\n anchorSelect,\n content,\n html,\n render,\n className,\n classNameArrow,\n variant = 'dark',\n place = 'top',\n offset = 10,\n wrapper = 'div',\n children = null,\n events = ['hover'],\n openOnClick = false,\n positionStrategy = 'absolute',\n middlewares,\n delayShow = 0,\n delayHide = 0,\n float = false,\n hidden = false,\n noArrow = false,\n clickable = false,\n closeOnEsc = false,\n closeOnScroll = false,\n closeOnResize = false,\n style,\n position,\n isOpen,\n disableStyleInjection = false,\n border,\n opacity,\n setIsOpen,\n afterShow,\n afterHide,\n}: ITooltipController) => {\n const [tooltipContent, setTooltipContent] = useState(content)\n const [tooltipHtml, setTooltipHtml] = useState(html)\n const [tooltipPlace, setTooltipPlace] = useState(place)\n const [tooltipVariant, setTooltipVariant] = useState(variant)\n const [tooltipOffset, setTooltipOffset] = useState(offset)\n const [tooltipDelayShow, setTooltipDelayShow] = useState(delayShow)\n const [tooltipDelayHide, setTooltipDelayHide] = useState(delayHide)\n const [tooltipFloat, setTooltipFloat] = useState(float)\n const [tooltipHidden, setTooltipHidden] = useState(hidden)\n const [tooltipWrapper, setTooltipWrapper] = useState<WrapperType>(wrapper)\n const [tooltipEvents, setTooltipEvents] = useState(events)\n const [tooltipPositionStrategy, setTooltipPositionStrategy] = useState(positionStrategy)\n const [activeAnchor, setActiveAnchor] = useState<HTMLElement | null>(null)\n const styleInjectionRef = useRef(disableStyleInjection)\n /**\n * @todo Remove this in a future version (provider/wrapper method is deprecated)\n */\n const { anchorRefs, activeAnchor: providerActiveAnchor } = useTooltip(id)\n\n const getDataAttributesFromAnchorElement = (elementReference: HTMLElement) => {\n const dataAttributes = elementReference?.getAttributeNames().reduce((acc, name) => {\n if (name.startsWith('data-tooltip-')) {\n const parsedAttribute = name.replace(/^data-tooltip-/, '') as DataAttribute\n acc[parsedAttribute] = elementReference?.getAttribute(name) ?? null\n }\n return acc\n }, {} as Record<DataAttribute, string | null>)\n\n return dataAttributes\n }\n\n const applyAllDataAttributesFromAnchorElement = (\n dataAttributes: Record<string, string | null>,\n ) => {\n const handleDataAttributes: Record<DataAttribute, (value: string | null) => void> = {\n place: (value) => {\n setTooltipPlace((value as PlacesType) ?? place)\n },\n content: (value) => {\n setTooltipContent(value ?? content)\n },\n html: (value) => {\n setTooltipHtml(value ?? html)\n },\n variant: (value) => {\n setTooltipVariant((value as VariantType) ?? variant)\n },\n offset: (value) => {\n setTooltipOffset(value === null ? offset : Number(value))\n },\n wrapper: (value) => {\n setTooltipWrapper((value as WrapperType) ?? wrapper)\n },\n events: (value) => {\n const parsed = value?.split(' ') as EventsType[]\n setTooltipEvents(parsed ?? events)\n },\n 'position-strategy': (value) => {\n setTooltipPositionStrategy((value as PositionStrategy) ?? positionStrategy)\n },\n 'delay-show': (value) => {\n setTooltipDelayShow(value === null ? delayShow : Number(value))\n },\n 'delay-hide': (value) => {\n setTooltipDelayHide(value === null ? delayHide : Number(value))\n },\n float: (value) => {\n setTooltipFloat(value === null ? float : value === 'true')\n },\n hidden: (value) => {\n setTooltipHidden(value === null ? hidden : value === 'true')\n },\n }\n // reset unset data attributes to default values\n // without this, data attributes from the last active anchor will still be used\n Object.values(handleDataAttributes).forEach((handler) => handler(null))\n Object.entries(dataAttributes).forEach(([key, value]) => {\n handleDataAttributes[key as DataAttribute]?.(value)\n })\n }\n\n useEffect(() => {\n setTooltipContent(content)\n }, [content])\n\n useEffect(() => {\n setTooltipHtml(html)\n }, [html])\n\n useEffect(() => {\n setTooltipPlace(place)\n }, [place])\n\n useEffect(() => {\n setTooltipVariant(variant)\n }, [variant])\n\n useEffect(() => {\n setTooltipOffset(offset)\n }, [offset])\n\n useEffect(() => {\n setTooltipDelayShow(delayShow)\n }, [delayShow])\n\n useEffect(() => {\n setTooltipDelayHide(delayHide)\n }, [delayHide])\n\n useEffect(() => {\n setTooltipFloat(float)\n }, [float])\n\n useEffect(() => {\n setTooltipHidden(hidden)\n }, [hidden])\n\n useEffect(() => {\n setTooltipPositionStrategy(positionStrategy)\n }, [positionStrategy])\n\n useEffect(() => {\n if (styleInjectionRef.current === disableStyleInjection) {\n return\n }\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn('[react-tooltip] Do not change `disableStyleInjection` dynamically.')\n }\n }, [disableStyleInjection])\n\n useEffect(() => {\n if (typeof window !== 'undefined') {\n window.dispatchEvent(\n new CustomEvent('react-tooltip-inject-styles', {\n detail: {\n disableCore: disableStyleInjection === 'core',\n disableBase: disableStyleInjection,\n },\n }),\n )\n }\n }, [])\n\n useEffect(() => {\n const elementRefs = new Set(anchorRefs)\n\n let selector = anchorSelect\n if (!selector && id) {\n selector = `[data-tooltip-id='${id}']`\n }\n if (selector) {\n try {\n const anchorsBySelect = document.querySelectorAll<HTMLElement>(selector)\n anchorsBySelect.forEach((anchor) => {\n elementRefs.add({ current: anchor })\n })\n } catch {\n if (!process.env.NODE_ENV || process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(`[react-tooltip] \"${selector}\" is not a valid CSS selector`)\n }\n }\n }\n\n const anchorById = document.querySelector<HTMLElement>(`[id='${anchorId}']`)\n if (anchorById) {\n elementRefs.add({ current: anchorById })\n }\n\n if (!elementRefs.size) {\n return () => null\n }\n\n const anchorElement = activeAnchor ?? anchorById ?? providerActiveAnchor.current\n\n const observerCallback: MutationCallback = (mutationList) => {\n mutationList.forEach((mutation) => {\n if (\n !anchorElement ||\n mutation.type !== 'attributes' ||\n !mutation.attributeName?.startsWith('data-tooltip-')\n ) {\n return\n }\n // make sure to get all set attributes, since all unset attributes are reset\n const dataAttributes = getDataAttributesFromAnchorElement(anchorElement)\n applyAllDataAttributesFromAnchorElement(dataAttributes)\n })\n }\n\n // Create an observer instance linked to the callback function\n const observer = new MutationObserver(observerCallback)\n\n // do not check for subtree and childrens, we only want to know attribute changes\n // to stay watching `data-attributes-*` from anchor element\n const observerConfig = { attributes: true, childList: false, subtree: false }\n\n if (anchorElement) {\n const dataAttributes = getDataAttributesFromAnchorElement(anchorElement)\n applyAllDataAttributesFromAnchorElement(dataAttributes)\n // Start observing the target node for configured mutations\n observer.observe(anchorElement, observerConfig)\n }\n\n return () => {\n // Remove the observer when the tooltip is destroyed\n observer.disconnect()\n }\n }, [anchorRefs, providerActiveAnchor, activeAnchor, anchorId, anchorSelect])\n\n useEffect(() => {\n if (process.env.NODE_ENV === 'production') {\n return\n }\n if (style?.border) {\n // eslint-disable-next-line no-console\n console.warn('[react-tooltip] Do not set `style.border`. Use `border` prop instead.')\n }\n if (border && !CSS.supports('border', `${border}`)) {\n // eslint-disable-next-line no-console\n console.warn(`[react-tooltip] \"${border}\" is not a valid \\`border\\`.`)\n }\n if (style?.opacity) {\n // eslint-disable-next-line no-console\n console.warn('[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead.')\n }\n if (opacity && !CSS.supports('opacity', `${opacity}`)) {\n // eslint-disable-next-line no-console\n console.warn(`[react-tooltip] \"${opacity}\" is not a valid \\`opacity\\`.`)\n }\n }, [])\n\n /**\n * content priority: children < render or content < html\n * children should be lower priority so that it can be used as the \"default\" content\n */\n let renderedContent: ChildrenType = children\n const contentWrapperRef = useRef<HTMLDivElement>(null)\n if (render) {\n const rendered = render({ content: tooltipContent ?? null, activeAnchor }) as React.ReactNode\n renderedContent = rendered ? (\n <div ref={contentWrapperRef} className=\"react-tooltip-content-wrapper\">\n {rendered}\n </div>\n ) : null\n } else if (tooltipContent) {\n renderedContent = tooltipContent\n }\n if (tooltipHtml) {\n renderedContent = <TooltipContent content={tooltipHtml} />\n }\n\n const props: ITooltip = {\n id,\n anchorId,\n anchorSelect,\n className,\n classNameArrow,\n content: renderedContent,\n contentWrapperRef,\n place: tooltipPlace,\n variant: tooltipVariant,\n offset: tooltipOffset,\n wrapper: tooltipWrapper,\n events: tooltipEvents,\n openOnClick,\n positionStrategy: tooltipPositionStrategy,\n middlewares,\n delayShow: tooltipDelayShow,\n delayHide: tooltipDelayHide,\n float: tooltipFloat,\n hidden: tooltipHidden,\n noArrow,\n clickable,\n closeOnEsc,\n closeOnScroll,\n closeOnResize,\n style,\n position,\n isOpen,\n border,\n opacity,\n setIsOpen,\n afterShow,\n afterHide,\n activeAnchor,\n setActiveAnchor: (anchor: HTMLElement | null) => setActiveAnchor(anchor),\n }\n\n return <Tooltip {...props} />\n}\n\nexport default TooltipController\n","import './tokens.css'\n\nimport { injectStyle } from 'utils/handle-style'\n\nimport type {\n ChildrenType,\n DataAttribute,\n EventsType,\n PlacesType,\n PositionStrategy,\n VariantType,\n WrapperType,\n IPosition,\n Middleware,\n} from './components/Tooltip/TooltipTypes'\nimport type { ITooltipController } from './components/TooltipController/TooltipControllerTypes'\nimport type { ITooltipWrapper } from './components/TooltipProvider/TooltipProviderTypes'\n\n// those content will be replaced in build time with the `react-tooltip.css` builded content\nconst TooltipCoreStyles = 'react-tooltip-core-css-placeholder'\nconst TooltipStyles = 'react-tooltip-css-placeholder'\n\nif (typeof window !== 'undefined') {\n window.addEventListener('react-tooltip-inject-styles', ((\n event: CustomEvent<{ disableCore: boolean; disableBase: boolean }>,\n ) => {\n if (!event.detail.disableCore) {\n injectStyle({ css: TooltipCoreStyles, type: 'core' })\n }\n if (!event.detail.disableBase) {\n injectStyle({ css: TooltipStyles, type: 'base' })\n }\n }) as EventListener)\n}\n\nexport { TooltipController as Tooltip } from './components/TooltipController'\nexport { TooltipProvider, TooltipWrapper } from './components/TooltipProvider'\nexport type {\n ChildrenType,\n DataAttribute,\n EventsType,\n PlacesType,\n PositionStrategy,\n VariantType,\n WrapperType,\n ITooltipController as ITooltip,\n ITooltipWrapper,\n IPosition,\n Middleware,\n}\n"],"names":["REACT_TOOLTIP_CORE_STYLES_ID","REACT_TOOLTIP_BASE_STYLES_ID","injected","core","base","injectStyle","css","id","type","ref","insertAt","document","getElementById","console","warn","head","getElementsByTagName","style","createElement","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","debounce","func","wait","immediate","timeout","args","later","apply","this","setTimeout","clearTimeout","DEFAULT_TOOLTIP_ID","DEFAULT_CONTEXT_DATA","anchorRefs","Set","activeAnchor","current","attach","detach","setActiveAnchor","TooltipContext","createContext","getTooltipData","TooltipProvider","children","anchorRefMap","setAnchorRefMap","useState","activeAnchorMap","setActiveAnchorMap","tooltipId","refs","oldMap","tooltipRefs","_a","forEach","add","delete","useCallback","_b","context","useMemo","React","Provider","value","useTooltip","useContext","TooltipWrapper","className","place","content","html","variant","offset","wrapper","events","positionStrategy","delayShow","delayHide","anchorRef","useRef","useEffect","classNames","useIsomorphicLayoutEffect","window","useLayoutEffect","isScrollable","node","HTMLElement","SVGElement","getComputedStyle","some","propertyName","getPropertyValue","getScrollParent","currentParent","parentElement","scrollingElement","documentElement","computeTooltipPosition","async","elementReference","tooltipReference","tooltipArrowReference","offsetValue","strategy","middlewares","Number","flip","shift","padding","border","tooltipStyles","tooltipArrowStyles","middleware","push","arrow","element","computePosition","placement","then","x","y","middlewareData","styles","left","top","arrowX","arrowY","staticSide","right","bottom","split","borderSide","borderBottom","borderRight","borderLeft","borderTop","borderWidth","match","Tooltip","classNameArrow","anchorId","anchorSelect","openOnClick","WrapperElement","float","hidden","noArrow","clickable","closeOnEsc","closeOnScroll","closeOnResize","externalStyles","position","afterShow","afterHide","contentWrapperRef","isOpen","setIsOpen","opacity","tooltipRef","tooltipArrowRef","tooltipShowDelayTimerRef","tooltipHideDelayTimerRef","actualPlacement","setActualPlacement","inlineStyles","setInlineStyles","inlineArrowStyles","setInlineArrowStyles","show","setShow","rendered","setRendered","wasShowing","lastFloatPosition","setProviderActiveAnchor","hoveringTooltip","anchorsBySelect","setAnchorsBySelect","mounted","shouldOpenOnClick","includes","handleShow","undefined","handleHideTooltipDelayed","delay","handleShowTooltip","event","target","currentTarget","isConnected","handleHideTooltip","handleTooltipPosition","getBoundingClientRect","width","height","computedStylesData","Object","keys","length","handleMouseMove","mouseEvent","mousePosition","clientX","clientY","handleClickTooltipAnchor","handleClickOutsideAnchors","querySelector","anchor","contains","debouncedHandleShowTooltip","debouncedHandleHideTooltip","elementRefs","anchorById","handleScrollResize","anchorScrollParent","tooltipScrollParent","addEventListener","handleEsc","key","enabledEvents","listener","handleMouseEnterTooltip","handleMouseLeaveTooltip","removeEventListener","selector","documentObserver","MutationObserver","mutationList","newAnchors","mutation","attributeName","getAttribute","removedNodes","call","elements","addedNodes","filter","nodeType","matches","flatMap","querySelectorAll","anchors","observe","body","childList","subtree","attributes","attributeFilter","disconnect","updateTooltipPosition","contentObserver","ResizeObserver","Array","from","canShow","role","coreStyles","coreStyles_show","coreStyles_fixed","coreStyles_clickable","coreStyles_noArrow","TooltipContent","dangerouslySetInnerHTML","__html","TooltipController","render","disableStyleInjection","tooltipContent","setTooltipContent","tooltipHtml","setTooltipHtml","tooltipPlace","setTooltipPlace","tooltipVariant","setTooltipVariant","tooltipOffset","setTooltipOffset","tooltipDelayShow","setTooltipDelayShow","tooltipDelayHide","setTooltipDelayHide","tooltipFloat","setTooltipFloat","tooltipHidden","setTooltipHidden","tooltipWrapper","setTooltipWrapper","tooltipEvents","setTooltipEvents","tooltipPositionStrategy","setTooltipPositionStrategy","styleInjectionRef","providerActiveAnchor","getDataAttributesFromAnchorElement","getAttributeNames","reduce","acc","name","startsWith","replace","applyAllDataAttributesFromAnchorElement","dataAttributes","handleDataAttributes","parsed","values","handler","entries","dispatchEvent","CustomEvent","detail","disableCore","disableBase","size","anchorElement","observer","observerConfig","CSS","supports","renderedContent","props"],"mappings":";;;;;;8QACA,MAAMA,EAA+B,4BAE/BC,EAA+B,4BAE/BC,EAAW,CACfC,MAAM,EACNC,MAAM,GAGR,SAASC,GAAYC,IACnBA,EAAGC,GACHA,EAAKN,EAA4BO,KACjCA,EAAO,OAAMC,IACbA,IAQa,SAATD,IAEFD,EAAKP,GAGFS,IAEHA,EAAM,CAAA,GAER,MAAMC,SAAEA,GAAaD,EAErB,IAAKH,GAA2B,oBAAbK,UAA4BT,EAASM,GACtD,OAGF,GAAIG,SAASC,eAAeL,GAQ1B,YAJEM,QAAQC,KACN,oCAAoCP,mDAM1C,MAAMQ,EAAOJ,SAASI,MAAQJ,SAASK,qBAAqB,QAAQ,GAE9DC,EAAaN,SAASO,cAAc,SAC1CD,EAAMV,GAAKA,EACXU,EAAMT,KAAO,WAEI,QAAbE,GACEK,EAAKI,WACPJ,EAAKK,aAAaH,EAAOF,EAAKI,YAKhCJ,EAAKM,YAAYJ,GAGfA,EAAMK,WACRL,EAAMK,WAAWC,QAAUjB,EAE3BW,EAAMI,YAAYV,SAASa,eAAelB,IAG5CJ,EAASM,IAAQ,CACnB,CChEA,MAAMiB,EAAW,CAACC,EAAgCC,EAAeC,KAC/D,IAAIC,EAAiC,KAErC,OAAO,YAAyCC,GAC9C,MAAMC,EAAQ,KACZF,EAAU,KACLD,GACHF,EAAKM,MAAMC,KAAMH,EAClB,EAGCF,IAAcC,IAKhBH,EAAKM,MAAMC,KAAMH,GACjBD,EAAUK,WAAWH,EAAOJ,IAGzBC,IACCC,GACFM,aAAaN,GAEfA,EAAUK,WAAWH,EAAOJ,GAEhC,CAAC,EClBGS,EAAqB,qBACrBC,EAA2C,CAC/CC,WAAY,IAAIC,IAChBC,aAAc,CAAEC,QAAS,MACzBC,OAAQ,OAGRC,OAAQ,OAGRC,gBAAiB,QASbC,EAAiBC,EAJyC,CAC9DC,eAAgB,IAAMV,IASlBW,EAAqD,EAAGC,eAC5D,MAAOC,EAAcC,GAAmBC,EAAyC,CAC/EhB,CAACA,GAAqB,IAAIG,OAErBc,EAAiBC,GAAsBF,EAAoC,CAChFhB,CAACA,GAAqB,CAAEK,QAAS,QAG7BC,EAAS,CAACa,KAAsBC,KACpCL,GAAiBM,UACf,MAAMC,EAAmC,QAArBC,EAAAF,EAAOF,UAAc,IAAAI,EAAAA,EAAA,IAAIpB,IAG7C,OAFAiB,EAAKI,SAASnD,GAAQiD,EAAYG,IAAIpD,KAE/B,IAAKgD,EAAQF,CAACA,GAAY,IAAIhB,IAAImB,GAAc,GACvD,EAGEf,EAAS,CAACY,KAAsBC,KACpCL,GAAiBM,IACf,MAAMC,EAAcD,EAAOF,GAC3B,OAAKG,GAKLF,EAAKI,SAASnD,GAAQiD,EAAYI,OAAOrD,KAElC,IAAKgD,IAJHA,CAIW,GACpB,EAaEV,EAAiBgB,GACrB,CAACR,EAAYnB,aAAuB,MAAC,CACnCE,WAAmC,UAAvBY,EAAaK,UAAU,IAAAI,EAAAA,EAAI,IAAIpB,IAC3CC,aAAwC,QAA1BwB,EAAAX,EAAgBE,UAAU,IAAAS,EAAAA,EAAI,CAAEvB,QAAS,MACvDC,OAAQ,IAAIc,IAAsBd,EAAOa,KAAcC,GACvDb,OAAQ,IAAIa,IAAsBb,EAAOY,KAAcC,GACvDZ,gBAAkBnC,GAhBE,EAAC8C,EAAmB9C,KAC1C6C,GAAoBG,UAClB,OAAuB,QAAnBE,EAAAF,EAAOF,UAAY,IAAAI,OAAA,EAAAA,EAAAlB,WAAYhC,EAAIgC,QAC9BgB,EAGF,IAAKA,EAAQF,CAACA,GAAY9C,EAAK,GACtC,EASqCmC,CAAgBW,EAAW9C,GAChE,GACF,CAACyC,EAAcG,EAAiBX,EAAQC,IAGpCsB,EAAUC,GAAQ,KACf,CACLnB,oBAED,CAACA,IAEJ,OAAOoB,EAAAjD,cAAC2B,EAAeuB,SAAQ,CAACC,MAAOJ,GAAUhB,EAAmC,EAGtE,SAAAqB,EAAWf,EAAYnB,GACrC,OAAOmC,EAAW1B,GAAgBE,eAAeQ,EACnD,CC9FA,MAAMiB,EAAiB,EACrBjB,YACAN,WACAwB,YACAC,QACAC,UACAC,OACAC,UACAC,SACAC,UACAC,SACAC,mBACAC,YACAC,gBAEA,MAAMzC,OAAEA,EAAMC,OAAEA,GAAW2B,EAAWf,GAChC6B,EAAYC,EAA2B,MAS7C,OAPAC,GAAU,KACR5C,EAAO0C,GACA,KACLzC,EAAOyC,EAAU,IAElB,IAGDjB,EACEjD,cAAA,OAAA,CAAAT,IAAK2E,EACLX,UAAWc,EAAW,wBAAyBd,GAC3B,qBAAAC,yBACEC,EAAO,oBACVC,EAAI,uBACDC,EACD,sBAAAC,EACC,uBAAAC,wBACDC,EAAM,iCACKC,EAAgB,0BACvBC,EACA,0BAAAC,GAExBlC,EAEJ,ECjDGuC,EAA8C,oBAAXC,OAAyBC,EAAkBJ,ECF9EK,EAAgBC,IACpB,KAAMA,aAAgBC,aAAeD,aAAgBE,YACnD,OAAO,EAET,MAAM7E,EAAQ8E,iBAAiBH,GAC/B,MAAO,CAAC,WAAY,aAAc,cAAcI,MAAMC,IACpD,MAAM5B,EAAQpD,EAAMiF,iBAAiBD,GACrC,MAAiB,SAAV5B,GAA8B,WAAVA,CAAkB,GAC7C,EAGS8B,EAAmBP,IAC9B,IAAKA,EACH,OAAO,KAET,IAAIQ,EAAgBR,EAAKS,cACzB,KAAOD,GAAe,CACpB,GAAIT,EAAaS,GACf,OAAOA,EAETA,EAAgBA,EAAcC,aAC/B,CACD,OAAO1F,SAAS2F,kBAAoB3F,SAAS4F,eAAe,ECnBjDC,EAAyBC,OACpCC,mBAAmB,KACnBC,mBAAmB,KACnBC,wBAAwB,KACxBlC,QAAQ,MACRI,OAAQ+B,EAAc,GACtBC,WAAW,WACXC,cAAc,CAACjC,EAAOkC,OAAOH,IAAeI,IAAQC,EAAM,CAAEC,QAAS,KACrEC,aAEA,IAAKV,EAIH,MAAO,CAAEW,cAAe,CAAE,EAAEC,mBAAoB,CAAE,EAAE5C,SAGtD,GAAyB,OAArBiC,EACF,MAAO,CAAEU,cAAe,CAAE,EAAEC,mBAAoB,CAAE,EAAE5C,SAGtD,MAAM6C,EAAaR,EAEnB,OAAIH,GACFW,EAAWC,KAAKC,EAAM,CAAEC,QAASd,EAAsCO,QAAS,KAEzEQ,EAAgBjB,EAAiCC,EAAiC,CACvFiB,UAAWlD,EACXoC,WACAS,eACCM,MAAK,EAAGC,IAAGC,IAAGH,YAAWI,6BAC1B,MAAMC,EAAS,CAAEC,KAAM,GAAGJ,MAAOK,IAAK,GAAGJ,MAAOX,WAExCU,EAAGM,EAAQL,EAAGM,GAA+B,QAApB1E,EAAAqE,EAAeP,aAAK,IAAA9D,EAAAA,EAAI,CAAEmE,EAAG,EAAGC,EAAG,GAE9DO,EAM0B,QAL9BtE,EAAA,CACEmE,IAAK,SACLI,MAAO,OACPC,OAAQ,MACRN,KAAM,SACNN,EAAUa,MAAM,KAAK,WAAO,IAAAzE,EAAAA,EAAA,SAE1B0E,EACJtB,GACA,CACEe,IAAK,CAAEQ,aAAcvB,EAAQwB,YAAaxB,GAC1CmB,MAAO,CAAEI,aAAcvB,EAAQyB,WAAYzB,GAC3CoB,OAAQ,CAAEM,UAAW1B,EAAQyB,WAAYzB,GACzCc,KAAM,CAAEY,UAAW1B,EAAQwB,YAAaxB,IACxCQ,EAAUa,MAAM,KAAK,IAEzB,IAAIM,EAAc,EAClB,GAAI3B,EAAQ,CACV,MAAM4B,EAAQ,GAAG5B,IAAS4B,MAAM,WAE9BD,GADEC,aAAK,EAALA,EAAQ,IACIhC,OAAOgC,EAAM,IAKb,CAEjB,CAWD,MAAO,CAAE3B,cAAeY,EAAQX,mBATb,CACjBY,KAAgB,MAAVE,EAAiB,GAAGA,MAAa,GACvCD,IAAe,MAAVE,EAAiB,GAAGA,MAAa,GACtCE,MAAO,GACPC,OAAQ,MACLE,EACHJ,CAACA,GAAa,IAAI,EAAIS,OAGwCrE,MAAOkD,EAAW,KAI/ED,EAAgBjB,EAAiCC,EAAiC,CACvFiB,UAAW,SACXd,WACAS,eACCM,MAAK,EAAGC,IAAGC,IAAGH,gBAGR,CAAEP,cAFM,CAAEa,KAAM,GAAGJ,MAAOK,IAAK,GAAGJ,OAETT,mBAAoB,CAAA,EAAI5C,MAAOkD,KAC/D,ygBC9EJ,MAAMqB,EAAU,EAEd1I,KACAkE,YACAyE,iBACArE,UAAU,OACVsE,WACAC,eACA1E,QAAQ,MACRI,SAAS,GACTE,SAAS,CAAC,SACVqE,eAAc,EACdpE,mBAAmB,WACnB8B,cACAhC,QAASuE,EACTpE,YAAY,EACZC,YAAY,EACZoE,SAAQ,EACRC,UAAS,EACTC,WAAU,EACVC,aAAY,EACZC,cAAa,EACbC,iBAAgB,EAChBC,iBAAgB,EAChB5I,MAAO6I,EACPC,WACAC,YACAC,YAEAtF,UACAuF,oBACAC,SACAC,YACA5H,eACAI,kBACAwE,SACAiD,cAEA,MAAMC,EAAajF,EAAoB,MACjCkF,EAAkBlF,EAAoB,MACtCmF,EAA2BnF,EAA8B,MACzDoF,GAA2BpF,EAA8B,OACxDqF,GAAiBC,IAAsBvH,EAASsB,IAChDkG,GAAcC,IAAmBzH,EAAS,CAAE,IAC5C0H,GAAmBC,IAAwB3H,EAAS,CAAE,IACtD4H,GAAMC,IAAW7H,GAAS,IAC1B8H,GAAUC,IAAe/H,GAAS,GACnCgI,GAAa/F,GAAO,GACpBgG,GAAoBhG,EAAyB,OAI7C/C,WAAEA,GAAYM,gBAAiB0I,IAA4BhH,EAAW/D,GACtEgL,GAAkBlG,GAAO,IACxBmG,GAAiBC,IAAsBrI,EAAwB,IAChEsI,GAAUrG,GAAO,GAEjBsG,GAAoBtC,GAAerE,EAAO4G,SAAS,SAOzDpG,GAA0B,KACxBkG,GAAQjJ,SAAU,EACX,KACLiJ,GAAQjJ,SAAU,CAAK,IAExB,IAEH6C,GAAU,KACR,IAAK0F,GAAM,CAOT,MAAMnJ,EAAUK,YAAW,KACzBiJ,IAAY,EAAM,GACjB,KACH,MAAO,KACLhJ,aAAaN,EAAQ,CAExB,CACD,MAAO,IAAM,IAAI,GAChB,CAACmJ,KAEJ,MAAMa,GAAcxH,IACbqH,GAAQjJ,UAGT4B,GACF8G,IAAY,GAMdjJ,YAAW,KACJwJ,GAAQjJ,UAGb2H,SAAAA,EAAY/F,QACGyH,IAAX3B,GACFc,GAAQ5G,GACT,GACA,IAAG,EAORiB,GAAU,KACR,QAAewG,IAAX3B,EACF,MAAO,IAAM,KAEXA,GACFgB,IAAY,GAEd,MAAMtJ,EAAUK,YAAW,KACzB+I,GAAQd,EAAO,GACd,IACH,MAAO,KACLhI,aAAaN,EAAQ,CACtB,GACA,CAACsI,IAEJ7E,GAAU,KACJ0F,KAASI,GAAW3I,UAGxB2I,GAAW3I,QAAUuI,GACjBA,GACFhB,SAAAA,IAEAC,SAAAA,IACD,GACA,CAACe,KAEJ,MAUMe,GAA2B,CAACC,EAAQ7G,KACpCsF,GAAyBhI,SAC3BN,aAAasI,GAAyBhI,SAGxCgI,GAAyBhI,QAAUP,YAAW,KACxCqJ,GAAgB9I,SAGpBoJ,IAAW,EAAM,GAChBG,EAAM,EAGLC,GAAqBC,UACzB,IAAKA,EACH,OAEF,MAAMC,EAA6B,QAAnBxI,EAAAuI,EAAME,qBAAa,IAAAzI,EAAAA,EAAIuI,EAAMC,OAC7C,KAAKA,eAAAA,EAAQE,aAOX,OAFAzJ,EAAgB,WAChB0I,GAAwB,CAAE7I,QAAS,OAGjCyC,GApCAsF,EAAyB/H,SAC3BN,aAAaqI,EAAyB/H,SAGxC+H,EAAyB/H,QAAUP,YAAW,KAC5C2J,IAAW,EAAK,GACf3G,IAiCD2G,IAAW,GAEbjJ,EAAgBuJ,GAChBb,GAAwB,CAAE7I,QAAS0J,IAE/B1B,GAAyBhI,SAC3BN,aAAasI,GAAyBhI,QACvC,EAGG6J,GAAoB,KACpB5C,EAEFqC,GAAyB5G,GAAa,KAC7BA,EACT4G,KAEAF,IAAW,GAGTrB,EAAyB/H,SAC3BN,aAAaqI,EAAyB/H,QACvC,EAGG8J,GAAwB,EAAGzE,IAAGC,QAelCvB,EAAuB,CACrB9B,QACAI,SACA4B,iBAjBqB,CACrB8F,sBAAqB,KACZ,CACL1E,IACAC,IACA0E,MAAO,EACPC,OAAQ,EACRvE,IAAKJ,EACLG,KAAMJ,EACNS,MAAOT,EACPU,OAAQT,KAQZpB,iBAAkB2D,EAAW7H,QAC7BmE,sBAAuB2D,EAAgB9H,QACvCqE,SAAU7B,EACV8B,cACAK,WACCS,MAAM8E,IACHC,OAAOC,KAAKF,EAAmBtF,eAAeyF,QAChDjC,GAAgB8B,EAAmBtF,eAEjCuF,OAAOC,KAAKF,EAAmBrF,oBAAoBwF,QACrD/B,GAAqB4B,EAAmBrF,oBAE1CqD,GAAmBgC,EAAmBjI,MAAoB,GAC1D,EAGEqI,GAAmBb,IACvB,IAAKA,EACH,OAEF,MAAMc,EAAad,EACbe,EAAgB,CACpBnF,EAAGkF,EAAWE,QACdnF,EAAGiF,EAAWG,SAEhBZ,GAAsBU,GACtB5B,GAAkB5I,QAAUwK,CAAa,EAGrCG,GAA4BlB,IAChCD,GAAkBC,GACd/G,GACF4G,IACD,EAGGsB,GAA6BnB,UAEjB,CADGvL,SAAS2M,cAA2B,QAAQnE,UAC/BqC,IACpBxF,MAAMuH,GAAWA,aAAA,EAAAA,EAAQC,SAAStB,EAAMC,YAG9B,QAAlBxI,EAAA2G,EAAW7H,eAAO,IAAAkB,OAAA,EAAAA,EAAE6J,SAAStB,EAAMC,WAGvCN,IAAW,GACPrB,EAAyB/H,SAC3BN,aAAaqI,EAAyB/H,SACvC,EAKGgL,GAA6BhM,EAASwK,GAAmB,IAAI,GAC7DyB,GAA6BjM,EAAS6K,GAAmB,IAAI,GAEnEhH,GAAU,aACR,MAAMqI,EAAc,IAAIpL,IAAID,IAE5BkJ,GAAgB5H,SAAS2J,IACvBI,EAAY9J,IAAI,CAAEpB,QAAS8K,GAAS,IAGtC,MAAMK,EAAajN,SAAS2M,cAA2B,QAAQnE,OAC3DyE,GACFD,EAAY9J,IAAI,CAAEpB,QAASmL,IAG7B,MAAMC,EAAqB,KACzBhC,IAAW,EAAM,EAGbiC,EAAqB3H,EAAgB3D,GACrCuL,EAAsB5H,EAAgBmE,EAAW7H,SAEnDmH,IACFnE,OAAOuI,iBAAiB,SAAUH,GAClCC,SAAAA,EAAoBE,iBAAiB,SAAUH,GAC/CE,SAAAA,EAAqBC,iBAAiB,SAAUH,IAE9ChE,GACFpE,OAAOuI,iBAAiB,SAAUH,GAGpC,MAAMI,EAAa/B,IACC,WAAdA,EAAMgC,KAGVrC,IAAW,EAAM,EAGflC,GACFlE,OAAOuI,iBAAiB,UAAWC,GAGrC,MAAME,EAAwE,GAE1ExC,IACFlG,OAAOuI,iBAAiB,QAASX,IACjCc,EAAc3G,KAAK,CAAE0E,MAAO,QAASkC,SAAUhB,OAE/Ce,EAAc3G,KACZ,CAAE0E,MAAO,aAAckC,SAAUX,IACjC,CAAEvB,MAAO,aAAckC,SAAUV,IACjC,CAAExB,MAAO,QAASkC,SAAUX,IAC5B,CAAEvB,MAAO,OAAQkC,SAAUV,KAEzBnE,GACF4E,EAAc3G,KAAK,CACjB0E,MAAO,YACPkC,SAAUrB,MAKhB,MAAMsB,EAA0B,KAC9B9C,GAAgB9I,SAAU,CAAI,EAE1B6L,EAA0B,KAC9B/C,GAAgB9I,SAAU,EAC1B6J,IAAmB,EAcrB,OAXI5C,IAAciC,KACI,QAApBhI,EAAA2G,EAAW7H,eAAS,IAAAkB,GAAAA,EAAAqK,iBAAiB,aAAcK,GAC/B,QAApBrK,EAAAsG,EAAW7H,eAAS,IAAAuB,GAAAA,EAAAgK,iBAAiB,aAAcM,IAGrDH,EAAcvK,SAAQ,EAAGsI,QAAOkC,eAC9BT,EAAY/J,SAASnD,UACN,QAAbkD,EAAAlD,EAAIgC,eAAS,IAAAkB,GAAAA,EAAAqK,iBAAiB9B,EAAOkC,EAAS,GAC9C,IAGG,aACDxE,IACFnE,OAAO8I,oBAAoB,SAAUV,GACrCC,SAAAA,EAAoBS,oBAAoB,SAAUV,GAClDE,SAAAA,EAAqBQ,oBAAoB,SAAUV,IAEjDhE,GACFpE,OAAO8I,oBAAoB,SAAUV,GAEnClC,IACFlG,OAAO8I,oBAAoB,QAASlB,IAElC1D,GACFlE,OAAO8I,oBAAoB,UAAWN,GAEpCvE,IAAciC,KACI,QAApBhI,EAAA2G,EAAW7H,eAAS,IAAAkB,GAAAA,EAAA4K,oBAAoB,aAAcF,GAClC,QAApBrK,EAAAsG,EAAW7H,eAAS,IAAAuB,GAAAA,EAAAuK,oBAAoB,aAAcD,IAExDH,EAAcvK,SAAQ,EAAGsI,QAAOkC,eAC9BT,EAAY/J,SAASnD,UACN,QAAbkD,EAAAlD,EAAIgC,eAAS,IAAAkB,GAAAA,EAAA4K,oBAAoBrC,EAAOkC,EAAS,GACjD,GACF,CACH,GAKA,CAAClD,GAAU5I,GAAYkJ,GAAiB7B,EAAY3E,IAEvDM,GAAU,KACR,IAAIkJ,EAAWpF,QAAAA,EAAgB,IAC1BoF,GAAYjO,IACfiO,EAAW,qBAAqBjO,OAElC,MA0DMkO,EAAmB,IAAIC,kBA1DuBC,IAClD,MAAMC,EAA4B,GAClCD,EAAa/K,SAASiL,IACpB,GAAsB,eAAlBA,EAASrO,MAAoD,oBAA3BqO,EAASC,cAAqC,CACnED,EAAS1C,OAAuB4C,aAAa,qBAC9CxO,GACZqO,EAAWpH,KAAKqH,EAAS1C,OAE5B,CACD,GAAsB,cAAlB0C,EAASrO,OAGTgC,GACD,IAAIqM,EAASG,cAAchJ,MAAMJ,UAChC,SAAkB,QAAdjC,EAAAiC,aAAI,EAAJA,EAAM4H,gBAAQ,IAAA7J,OAAA,EAAAA,EAAAsL,KAAArJ,EAAGpD,MACnB2I,IAAY,GACZU,IAAW,GACXjJ,EAAgB,MACZ4H,EAAyB/H,SAC3BN,aAAaqI,EAAyB/H,SAEpCgI,GAAyBhI,SAC3BN,aAAasI,GAAyBhI,UAEjC,EAEG,IAGX+L,GAGL,IACE,MAAMU,EAAW,IAAIL,EAASM,YAAYC,QAAQxJ,GAA2B,IAAlBA,EAAKyJ,WAChET,EAAWpH,QAEL0H,EAASE,QAAQ1H,GAClBA,EAAwB4H,QAAQd,MAGrCI,EAAWpH,QAEN0H,EAASK,SACT7H,GACC,IAAKA,EAAwB8H,iBAAiBhB,MAGrD,CAAC,MAAM7K,GAKP,KAECiL,EAAW9B,QACbrB,IAAoBgE,GAAY,IAAIA,KAAYb,IACjD,IAUH,OANAH,EAAiBiB,QAAQ/O,SAASgP,KAAM,CACtCC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,gBAAiB,CAAC,qBAEb,KACLtB,EAAiBuB,YAAY,CAC9B,GACA,CAACzP,EAAI6I,EAAc5G,IAEtB,MAAMyN,GAAwB,KACxBlG,EAEFwC,GAAsBxC,GAIpBR,EACE8B,GAAkB5I,SAQpB8J,GAAsBlB,GAAkB5I,SAM5C+D,EAAuB,CACrB9B,QACAI,SACA4B,iBAAkBlE,EAClBmE,iBAAkB2D,EAAW7H,QAC7BmE,sBAAuB2D,EAAgB9H,QACvCqE,SAAU7B,EACV8B,cACAK,WACCS,MAAM8E,IACFjB,GAAQjJ,UAITmK,OAAOC,KAAKF,EAAmBtF,eAAeyF,QAChDjC,GAAgB8B,EAAmBtF,eAEjCuF,OAAOC,KAAKF,EAAmBrF,oBAAoBwF,QACrD/B,GAAqB4B,EAAmBrF,oBAE1CqD,GAAmBgC,EAAmBjI,OAAoB,GAC1D,EAGJY,GAAU,KACR2K,IAAuB,GACtB,CAACjF,GAAMxI,EAAcmC,EAASmF,EAAgBpF,EAAOI,EAAQG,EAAkB8E,IAElFzE,GAAU,KACR,KAAK4E,eAAAA,EAAmBzH,SACtB,MAAO,IAAM,KAEf,MAAMyN,EAAkB,IAAIC,gBAAe,KACzCF,IAAuB,IAGzB,OADAC,EAAgBR,QAAQxF,EAAkBzH,SACnC,KACLyN,EAAgBF,YAAY,CAC7B,GACA,CAACrL,EAASuF,aAAiB,EAAjBA,EAAmBzH,UAEhC6C,GAAU,WACR,MAAMsI,EAAajN,SAAS2M,cAA2B,QAAQnE,OACzDsG,EAAU,IAAIjE,GAAiBoC,GAChCpL,GAAiBiN,EAAQ7D,SAASpJ,IAMrCI,EAAkC,UAAlB4I,GAAgB,UAAE,IAAA7H,EAAAA,EAAIiK,EACvC,GACA,CAACzE,EAAUqC,GAAiBhJ,IAE/B8C,GAAU,IACD,KACDkF,EAAyB/H,SAC3BN,aAAaqI,EAAyB/H,SAEpCgI,GAAyBhI,SAC3BN,aAAasI,GAAyBhI,QACvC,GAEF,IAEH6C,GAAU,KACR,IAAIkJ,EAAWpF,EAIf,IAHKoF,GAAYjO,IACfiO,EAAW,qBAAqBjO,OAE7BiO,EAGL,IACE,MAAMiB,EAAUW,MAAMC,KAAK1P,SAAS6O,iBAA8BhB,IAClE/C,GAAmBgE,EACpB,CAAC,MAAM9L,GAEN8H,GAAmB,GACpB,IACA,CAAClL,EAAI6I,IAER,MAAMkH,IAAW9G,GAAU7E,GAAWqG,IAAQ4B,OAAOC,KAAKjC,IAAckC,OAAS,EAEjF,OAAO5B,GACL/G,EAAAjD,cAACoI,EACC,CAAA/I,GAAIA,EACJgQ,KAAK,UACL9L,UAAWc,EACT,gBACAiL,EACAvI,EAAgB,QAChBA,EAAOpD,GACPJ,EACA,wBAAwBiG,KACxB,CACE+F,CAACD,GAAqBF,GACtBI,CAACF,GAA2C,UAArBvL,EACvB0L,CAACH,GAA0B9G,IAG/BzI,MAAO,IACF6I,KACAc,GACHP,aAAqByB,IAAZzB,GAAyBiG,GAAUjG,OAAUyB,GAExDrL,IAAK6J,GAEJ3F,EACDR,EAAAjD,cAACoI,EACC,CAAA7E,UAAWc,EACT,sBACAiL,EACAvI,EAAc,MACdiB,EACA,CAKE0H,CAACJ,GAAwB/G,IAG7BxI,MAAO6J,GACPrK,IAAK8J,KAGP,IAAI,EC/mBJsG,EAAiB,EAAGlM,aACjBR,EAAAjD,cAAA,OAAA,CAAM4P,wBAAyB,CAAEC,OAAQpM,KCW5CqM,EAAoB,EACxBzQ,KACA4I,WACAC,eACAzE,UACAC,OACAqM,SACAxM,YACAyE,iBACArE,UAAU,OACVH,QAAQ,MACRI,SAAS,GACTC,UAAU,MACV9B,WAAW,KACX+B,SAAS,CAAC,SACVqE,eAAc,EACdpE,mBAAmB,WACnB8B,cACA7B,YAAY,EACZC,YAAY,EACZoE,SAAQ,EACRC,UAAS,EACTC,WAAU,EACVC,aAAY,EACZC,cAAa,EACbC,iBAAgB,EAChBC,iBAAgB,EAChB5I,QACA8I,WACAI,SACA+G,yBAAwB,EACxB9J,SACAiD,UACAD,YACAJ,YACAC,gBAEA,MAAOkH,EAAgBC,GAAqBhO,EAASuB,IAC9C0M,EAAaC,GAAkBlO,EAASwB,IACxC2M,EAAcC,GAAmBpO,EAASsB,IAC1C+M,EAAgBC,GAAqBtO,EAASyB,IAC9C8M,EAAeC,GAAoBxO,EAAS0B,IAC5C+M,EAAkBC,GAAuB1O,EAAS8B,IAClD6M,GAAkBC,IAAuB5O,EAAS+B,IAClD8M,GAAcC,IAAmB9O,EAASmG,IAC1C4I,GAAeC,IAAoBhP,EAASoG,IAC5C6I,GAAgBC,IAAqBlP,EAAsB2B,IAC3DwN,GAAeC,IAAoBpP,EAAS4B,IAC5CyN,GAAyBC,IAA8BtP,EAAS6B,IAChEzC,GAAcI,IAAmBQ,EAA6B,MAC/DuP,GAAoBtN,EAAO6L,IAI3B5O,WAAEA,GAAYE,aAAcoQ,IAAyBtO,EAAW/D,GAEhEsS,GAAsCnM,GACnBA,eAAAA,EAAkBoM,oBAAoBC,QAAO,CAACC,EAAKC,WACxE,GAAIA,EAAKC,WAAW,iBAAkB,CAEpCF,EADwBC,EAAKE,QAAQ,iBAAkB,KACI,QAApCxP,EAAA+C,aAAA,EAAAA,EAAkBqI,aAAakE,UAAK,IAAAtP,EAAAA,EAAI,IAChE,CACD,OAAOqP,CAAG,GACT,CAA0C,GAKzCI,GACJC,IAEA,MAAMC,EAA8E,CAClF5O,MAAQL,UACNmN,EAAyC,QAAxB7N,EAAAU,SAAwB,IAAAV,EAAAA,EAAAe,EAAM,EAEjDC,QAAUN,IACR+M,EAAkB/M,QAAAA,EAASM,EAAQ,EAErCC,KAAOP,IACLiN,EAAejN,QAAAA,EAASO,EAAK,EAE/BC,QAAUR,UACRqN,EAA4C,QAAzB/N,EAAAU,SAAyB,IAAAV,EAAAA,EAAAkB,EAAQ,EAEtDC,OAAST,IACPuN,EAA2B,OAAVvN,EAAiBS,EAASkC,OAAO3C,GAAO,EAE3DU,QAAUV,UACRiO,GAA4C,QAAzB3O,EAAAU,SAAyB,IAAAV,EAAAA,EAAAoB,EAAQ,EAEtDC,OAASX,IACP,MAAMkP,EAASlP,aAAK,EAALA,EAAOoE,MAAM,KAC5B+J,GAAiBe,QAAAA,EAAUvO,EAAO,EAEpC,oBAAsBX,UACpBqO,GAA0D,QAA9B/O,EAAAU,SAA8B,IAAAV,EAAAA,EAAAsB,EAAiB,EAE7E,aAAeZ,IACbyN,EAA8B,OAAVzN,EAAiBa,EAAY8B,OAAO3C,GAAO,EAEjE,aAAeA,IACb2N,GAA8B,OAAV3N,EAAiBc,EAAY6B,OAAO3C,GAAO,EAEjEkF,MAAQlF,IACN6N,GAA0B,OAAV7N,EAAiBkF,EAAkB,SAAVlF,EAAiB,EAE5DmF,OAASnF,IACP+N,GAA2B,OAAV/N,EAAiBmF,EAAmB,SAAVnF,EAAiB,GAKhEuI,OAAO4G,OAAOF,GAAsB1P,SAAS6P,GAAYA,EAAQ,QACjE7G,OAAO8G,QAAQL,GAAgBzP,SAAQ,EAAEsK,EAAK7J,YACC,QAA7CV,EAAA2P,EAAqBpF,UAAwB,IAAAvK,GAAAA,EAAAsL,KAAAqE,EAAAjP,EAAM,GACnD,EAGJiB,GAAU,KACR8L,EAAkBzM,EAAQ,GACzB,CAACA,IAEJW,GAAU,KACRgM,EAAe1M,EAAK,GACnB,CAACA,IAEJU,GAAU,KACRkM,EAAgB9M,EAAM,GACrB,CAACA,IAEJY,GAAU,KACRoM,EAAkB7M,EAAQ,GACzB,CAACA,IAEJS,GAAU,KACRsM,EAAiB9M,EAAO,GACvB,CAACA,IAEJQ,GAAU,KACRwM,EAAoB5M,EAAU,GAC7B,CAACA,IAEJI,GAAU,KACR0M,GAAoB7M,EAAU,GAC7B,CAACA,IAEJG,GAAU,KACR4M,GAAgB3I,EAAM,GACrB,CAACA,IAEJjE,GAAU,KACR8M,GAAiB5I,EAAO,GACvB,CAACA,IAEJlE,GAAU,KACRoN,GAA2BzN,EAAiB,GAC3C,CAACA,IAEJK,GAAU,KACJqN,GAAkBlQ,UAAYyO,GAKhCrQ,QAAQC,KAAK,qEACd,GACA,CAACoQ,IAEJ5L,GAAU,KACc,oBAAXG,QACTA,OAAOkO,cACL,IAAIC,YAAY,8BAA+B,CAC7CC,OAAQ,CACNC,YAAuC,SAA1B5C,EACb6C,YAAa7C,KAIpB,GACA,IAEH5L,GAAU,WACR,MAAMqI,EAAc,IAAIpL,IAAID,IAE5B,IAAIkM,EAAWpF,EAIf,IAHKoF,GAAYjO,IACfiO,EAAW,qBAAqBjO,OAE9BiO,EACF,IAC0B7N,SAAS6O,iBAA8BhB,GAC/C5K,SAAS2J,IACvBI,EAAY9J,IAAI,CAAEpB,QAAS8K,GAAS,GAEvC,CAAC,MAAMvJ,GAGJnD,QAAQC,KAAK,oBAAoB0N,iCAEpC,CAGH,MAAMZ,EAAajN,SAAS2M,cAA2B,QAAQnE,OAK/D,GAJIyE,GACFD,EAAY9J,IAAI,CAAEpB,QAASmL,KAGxBD,EAAYqG,KACf,MAAO,IAAM,KAGf,MAAMC,EAA0C,QAA1BtQ,EAAAnB,SAAAA,GAAgBoL,SAAU,IAAAjK,EAAAA,EAAIiP,GAAqBnQ,QAkBnEyR,EAAW,IAAIxF,kBAhBuBC,IAC1CA,EAAa/K,SAASiL,UACpB,IACGoF,GACiB,eAAlBpF,EAASrO,QACgB,QAAxBmD,EAAAkL,EAASC,qBAAe,IAAAnL,OAAA,EAAAA,EAAAuP,WAAW,kBAEpC,OAGF,MAAMG,EAAiBR,GAAmCoB,GAC1Db,GAAwCC,EAAe,GACvD,IAQEc,EAAiB,CAAErE,YAAY,EAAMF,WAAW,EAAOC,SAAS,GAEtE,GAAIoE,EAAe,CACjB,MAAMZ,EAAiBR,GAAmCoB,GAC1Db,GAAwCC,GAExCa,EAASxE,QAAQuE,EAAeE,EACjC,CAED,MAAO,KAELD,EAASlE,YAAY,CACtB,GACA,CAAC1N,GAAYsQ,GAAsBpQ,GAAc2G,EAAUC,IAE9D9D,GAAU,MAIJrE,eAAAA,EAAOmG,SAETvG,QAAQC,KAAK,yEAEXsG,IAAWgN,IAAIC,SAAS,SAAU,GAAGjN,MAEvCvG,QAAQC,KAAK,oBAAoBsG,kCAE/BnG,eAAAA,EAAOoJ,UAETxJ,QAAQC,KAAK,2EAEXuJ,IAAY+J,IAAIC,SAAS,UAAW,GAAGhK,MAEzCxJ,QAAQC,KAAK,oBAAoBuJ,iCAClC,GACA,IAMH,IAAIiK,GAAgCrR,EACpC,MAAMiH,GAAoB7E,EAAuB,MACjD,GAAI4L,EAAQ,CACV,MAAM/F,EAAW+F,EAAO,CAAEtM,QAASwM,QAAAA,EAAkB,KAAM3O,kBAC3D8R,GAAkBpJ,EAChB/G,EAAAjD,cAAA,MAAA,CAAKT,IAAKyJ,GAAmBzF,UAAU,iCACpCyG,GAED,IACL,MAAUiG,IACTmD,GAAkBnD,GAEhBE,IACFiD,GAAkBnQ,gBAAC0M,EAAc,CAAClM,QAAS0M,KAG7C,MAAMkD,GAAkB,CACtBhU,KACA4I,WACAC,eACA3E,YACAyE,iBACAvE,QAAS2P,GACTpK,qBACAxF,MAAO6M,EACP1M,QAAS4M,EACT3M,OAAQ6M,EACR5M,QAASsN,GACTrN,OAAQuN,GACRlJ,cACApE,iBAAkBwN,GAClB1L,cACA7B,UAAW2M,EACX1M,UAAW4M,GACXxI,MAAO0I,GACPzI,OAAQ2I,GACR1I,UACAC,YACAC,aACAC,gBACAC,gBACA5I,QACA8I,WACAI,SACA/C,SACAiD,UACAD,YACAJ,YACAC,YACAzH,gBACAI,gBAAkB2K,GAA+B3K,GAAgB2K,IAGnE,OAAOpJ,EAACjD,cAAA+H,EAAY,IAAAsL,IAAS,ECjUT,oBAAX9O,QACTA,OAAOuI,iBAAiB,+BACtB9B,IAEKA,EAAM2H,OAAOC,aAChBzT,EAAY,CAAEC,IARM,qCAQkBE,KAAM,SAEzC0L,EAAM2H,OAAOE,aAChB1T,EAAY,CAAEC,IAVE,gCAUkBE,KAAM,QAE3C"}
1
+ {"version":3,"file":"react-tooltip.min.mjs","sources":["../src/utils/handle-style.ts","../src/utils/debounce.ts","../src/components/TooltipProvider/TooltipProvider.tsx","../src/components/TooltipProvider/TooltipWrapper.tsx","../src/utils/use-isomorphic-layout-effect.ts","../src/utils/get-scroll-parent.ts","../src/utils/compute-positions.ts","../src/components/Tooltip/Tooltip.tsx","../src/components/TooltipContent/TooltipContent.tsx","../src/components/TooltipController/TooltipController.tsx","../src/index.tsx"],"sourcesContent":["// This is the ID for the core styles of ReactTooltip\nconst REACT_TOOLTIP_CORE_STYLES_ID = 'react-tooltip-core-styles'\n// This is the ID for the visual styles of ReactTooltip\nconst REACT_TOOLTIP_BASE_STYLES_ID = 'react-tooltip-base-styles'\n\nconst injected = {\n core: false,\n base: false,\n}\n\nfunction injectStyle({\n css,\n id = REACT_TOOLTIP_BASE_STYLES_ID,\n type = 'base',\n ref,\n}: {\n css: string\n id?: string\n type?: 'core' | 'base'\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref?: any\n}) {\n if (!css || typeof document === 'undefined' || injected[type]) {\n return\n }\n\n if (\n type === 'core' &&\n typeof process !== 'undefined' && // this validation prevents docs from breaking even with `process?`\n process?.env?.REACT_TOOLTIP_DISABLE_CORE_STYLES\n ) {\n return\n }\n\n if (\n type !== 'base' &&\n typeof process !== 'undefined' && // this validation prevents docs from breaking even with `process?`\n process?.env?.REACT_TOOLTIP_DISABLE_BASE_STYLES\n ) {\n return\n }\n\n if (type === 'core') {\n // eslint-disable-next-line no-param-reassign\n id = REACT_TOOLTIP_CORE_STYLES_ID\n }\n\n if (!ref) {\n // eslint-disable-next-line no-param-reassign\n ref = {}\n }\n const { insertAt } = ref\n\n if (document.getElementById(id)) {\n // this should never happen because of `injected[type]`\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(\n `[react-tooltip] Element with id '${id}' already exists. Call \\`removeStyle()\\` first`,\n )\n }\n return\n }\n\n const head = document.head || document.getElementsByTagName('head')[0]\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const style: any = document.createElement('style')\n style.id = id\n style.type = 'text/css'\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild)\n } else {\n head.appendChild(style)\n }\n } else {\n head.appendChild(style)\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css\n } else {\n style.appendChild(document.createTextNode(css))\n }\n\n injected[type] = true\n}\n\n/**\n * @deprecated Use the `disableStyleInjection` tooltip prop instead.\n * See https://react-tooltip.com/docs/examples/styling#disabling-reacttooltip-css\n */\nfunction removeStyle({\n type = 'base',\n id = REACT_TOOLTIP_BASE_STYLES_ID,\n}: {\n type?: 'core' | 'base'\n id?: string\n} = {}) {\n if (!injected[type]) {\n return\n }\n\n if (type === 'core') {\n // eslint-disable-next-line no-param-reassign\n id = REACT_TOOLTIP_CORE_STYLES_ID\n }\n\n const style = document.getElementById(id)\n if (style?.tagName === 'style') {\n style?.remove()\n } else if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(\n `[react-tooltip] Failed to remove 'style' element with id '${id}'. Call \\`injectStyle()\\` first`,\n )\n }\n\n injected[type] = false\n}\n\nexport { injectStyle, removeStyle }\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * This function debounce the received function\n * @param { function } \tfunc\t\t\t\tFunction to be debounced\n * @param { number } \t\twait\t\t\t\tTime to wait before execut the function\n * @param { boolean } \timmediate\t\tParam to define if the function will be executed immediately\n */\nconst debounce = (func: (...args: any[]) => void, wait?: number, immediate?: boolean) => {\n let timeout: NodeJS.Timeout | null = null\n\n return function debounced(this: typeof func, ...args: any[]) {\n const later = () => {\n timeout = null\n if (!immediate) {\n func.apply(this, args)\n }\n }\n\n if (immediate && !timeout) {\n /**\n * there's not need to clear the timeout\n * since we expect it to resolve and set `timeout = null`\n */\n func.apply(this, args)\n timeout = setTimeout(later, wait)\n }\n\n if (!immediate) {\n if (timeout) {\n clearTimeout(timeout)\n }\n timeout = setTimeout(later, wait)\n }\n }\n}\n\nexport default debounce\n","import React, {\n createContext,\n PropsWithChildren,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from 'react'\n\nimport type {\n AnchorRef,\n TooltipContextData,\n TooltipContextDataWrapper,\n} from './TooltipProviderTypes'\n\nconst DEFAULT_TOOLTIP_ID = 'DEFAULT_TOOLTIP_ID'\nconst DEFAULT_CONTEXT_DATA: TooltipContextData = {\n anchorRefs: new Set(),\n activeAnchor: { current: null },\n attach: () => {\n /* attach anchor element */\n },\n detach: () => {\n /* detach anchor element */\n },\n setActiveAnchor: () => {\n /* set active anchor */\n },\n}\n\nconst DEFAULT_CONTEXT_DATA_WRAPPER: TooltipContextDataWrapper = {\n getTooltipData: () => DEFAULT_CONTEXT_DATA,\n}\n\nconst TooltipContext = createContext<TooltipContextDataWrapper>(DEFAULT_CONTEXT_DATA_WRAPPER)\n\n/**\n * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.\n * See https://react-tooltip.com/docs/getting-started\n */\nconst TooltipProvider: React.FC<PropsWithChildren<void>> = ({ children }) => {\n const [anchorRefMap, setAnchorRefMap] = useState<Record<string, Set<AnchorRef>>>({\n [DEFAULT_TOOLTIP_ID]: new Set(),\n })\n const [activeAnchorMap, setActiveAnchorMap] = useState<Record<string, AnchorRef>>({\n [DEFAULT_TOOLTIP_ID]: { current: null },\n })\n\n const attach = (tooltipId: string, ...refs: AnchorRef[]) => {\n setAnchorRefMap((oldMap) => {\n const tooltipRefs = oldMap[tooltipId] ?? new Set()\n refs.forEach((ref) => tooltipRefs.add(ref))\n // create new object to trigger re-render\n return { ...oldMap, [tooltipId]: new Set(tooltipRefs) }\n })\n }\n\n const detach = (tooltipId: string, ...refs: AnchorRef[]) => {\n setAnchorRefMap((oldMap) => {\n const tooltipRefs = oldMap[tooltipId]\n if (!tooltipRefs) {\n // tooltip not found\n // maybe thow error?\n return oldMap\n }\n refs.forEach((ref) => tooltipRefs.delete(ref))\n // create new object to trigger re-render\n return { ...oldMap }\n })\n }\n\n const setActiveAnchor = (tooltipId: string, ref: React.RefObject<HTMLElement>) => {\n setActiveAnchorMap((oldMap) => {\n if (oldMap[tooltipId]?.current === ref.current) {\n return oldMap\n }\n // create new object to trigger re-render\n return { ...oldMap, [tooltipId]: ref }\n })\n }\n\n const getTooltipData = useCallback(\n (tooltipId = DEFAULT_TOOLTIP_ID) => ({\n anchorRefs: anchorRefMap[tooltipId] ?? new Set(),\n activeAnchor: activeAnchorMap[tooltipId] ?? { current: null },\n attach: (...refs: AnchorRef[]) => attach(tooltipId, ...refs),\n detach: (...refs: AnchorRef[]) => detach(tooltipId, ...refs),\n setActiveAnchor: (ref: AnchorRef) => setActiveAnchor(tooltipId, ref),\n }),\n [anchorRefMap, activeAnchorMap, attach, detach],\n )\n\n const context = useMemo(() => {\n return {\n getTooltipData,\n }\n }, [getTooltipData])\n\n return <TooltipContext.Provider value={context}>{children}</TooltipContext.Provider>\n}\n\nexport function useTooltip(tooltipId = DEFAULT_TOOLTIP_ID) {\n return useContext(TooltipContext).getTooltipData(tooltipId)\n}\n\nexport default TooltipProvider\n","import React, { useEffect, useRef } from 'react'\nimport classNames from 'classnames'\nimport { useTooltip } from './TooltipProvider'\nimport type { ITooltipWrapper } from './TooltipProviderTypes'\n\n/**\n * @deprecated Use the `data-tooltip-id` attribute, or the `anchorSelect` prop instead.\n * See https://react-tooltip.com/docs/getting-started\n */\nconst TooltipWrapper = ({\n tooltipId,\n children,\n className,\n place,\n content,\n html,\n variant,\n offset,\n wrapper,\n events,\n positionStrategy,\n delayShow,\n delayHide,\n}: ITooltipWrapper) => {\n const { attach, detach } = useTooltip(tooltipId)\n const anchorRef = useRef<HTMLElement | null>(null)\n\n useEffect(() => {\n attach(anchorRef)\n return () => {\n detach(anchorRef)\n }\n }, [])\n\n return (\n <span\n ref={anchorRef}\n className={classNames('react-tooltip-wrapper', className)}\n data-tooltip-place={place}\n data-tooltip-content={content}\n data-tooltip-html={html}\n data-tooltip-variant={variant}\n data-tooltip-offset={offset}\n data-tooltip-wrapper={wrapper}\n data-tooltip-events={events}\n data-tooltip-position-strategy={positionStrategy}\n data-tooltip-delay-show={delayShow}\n data-tooltip-delay-hide={delayHide}\n >\n {children}\n </span>\n )\n}\n\nexport default TooltipWrapper\n","import { useLayoutEffect, useEffect } from 'react'\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nexport default useIsomorphicLayoutEffect\n","const isScrollable = (node: Element) => {\n if (!(node instanceof HTMLElement || node instanceof SVGElement)) {\n return false\n }\n const style = getComputedStyle(node)\n return ['overflow', 'overflow-x', 'overflow-y'].some((propertyName) => {\n const value = style.getPropertyValue(propertyName)\n return value === 'auto' || value === 'scroll'\n })\n}\n\nexport const getScrollParent = (node: Element | null) => {\n if (!node) {\n return null\n }\n let currentParent = node.parentElement\n while (currentParent) {\n if (isScrollable(currentParent)) {\n return currentParent\n }\n currentParent = currentParent.parentElement\n }\n return document.scrollingElement || document.documentElement\n}\n","import { computePosition, offset, shift, arrow, flip } from '@floating-ui/dom'\nimport type { IComputePositions } from './compute-positions-types'\n\nexport const computeTooltipPosition = async ({\n elementReference = null,\n tooltipReference = null,\n tooltipArrowReference = null,\n place = 'top',\n offset: offsetValue = 10,\n strategy = 'absolute',\n middlewares = [offset(Number(offsetValue)), flip(), shift({ padding: 5 })],\n border,\n}: IComputePositions) => {\n if (!elementReference) {\n // elementReference can be null or undefined and we will not compute the position\n // eslint-disable-next-line no-console\n // console.error('The reference element for tooltip was not defined: ', elementReference)\n return { tooltipStyles: {}, tooltipArrowStyles: {}, place }\n }\n\n if (tooltipReference === null) {\n return { tooltipStyles: {}, tooltipArrowStyles: {}, place }\n }\n\n const middleware = middlewares\n\n if (tooltipArrowReference) {\n middleware.push(arrow({ element: tooltipArrowReference as HTMLElement, padding: 5 }))\n\n return computePosition(elementReference as HTMLElement, tooltipReference as HTMLElement, {\n placement: place,\n strategy,\n middleware,\n }).then(({ x, y, placement, middlewareData }) => {\n const styles = { left: `${x}px`, top: `${y}px`, border }\n\n const { x: arrowX, y: arrowY } = middlewareData.arrow ?? { x: 0, y: 0 }\n\n const staticSide =\n {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]] ?? 'bottom'\n\n const borderSide =\n border &&\n {\n top: { borderBottom: border, borderRight: border },\n right: { borderBottom: border, borderLeft: border },\n bottom: { borderTop: border, borderLeft: border },\n left: { borderTop: border, borderRight: border },\n }[placement.split('-')[0]]\n\n let borderWidth = 0\n if (border) {\n const match = `${border}`.match(/(\\d+)px/)\n if (match?.[1]) {\n borderWidth = Number(match[1])\n } else {\n /**\n * this means `border` was set without `width`, or non-px value\n */\n borderWidth = 1\n }\n }\n\n const arrowStyle = {\n left: arrowX != null ? `${arrowX}px` : '',\n top: arrowY != null ? `${arrowY}px` : '',\n right: '',\n bottom: '',\n ...borderSide,\n [staticSide]: `-${4 + borderWidth}px`,\n }\n\n return { tooltipStyles: styles, tooltipArrowStyles: arrowStyle, place: placement }\n })\n }\n\n return computePosition(elementReference as HTMLElement, tooltipReference as HTMLElement, {\n placement: 'bottom',\n strategy,\n middleware,\n }).then(({ x, y, placement }) => {\n const styles = { left: `${x}px`, top: `${y}px` }\n\n return { tooltipStyles: styles, tooltipArrowStyles: {}, place: placement }\n })\n}\n","import React, { useEffect, useState, useRef, useCallback } from 'react'\nimport { autoUpdate } from '@floating-ui/dom'\nimport classNames from 'classnames'\nimport debounce from 'utils/debounce'\nimport { useTooltip } from 'components/TooltipProvider'\nimport useIsomorphicLayoutEffect from 'utils/use-isomorphic-layout-effect'\nimport { getScrollParent } from 'utils/get-scroll-parent'\nimport { computeTooltipPosition } from 'utils/compute-positions'\nimport coreStyles from './core-styles.module.css'\nimport styles from './styles.module.css'\nimport type { IPosition, ITooltip, PlacesType } from './TooltipTypes'\n\nconst Tooltip = ({\n // props\n id,\n className,\n classNameArrow,\n variant = 'dark',\n anchorId,\n anchorSelect,\n place = 'top',\n offset = 10,\n events = ['hover'],\n openOnClick = false,\n positionStrategy = 'absolute',\n middlewares,\n wrapper: WrapperElement,\n delayShow = 0,\n delayHide = 0,\n float = false,\n hidden = false,\n noArrow = false,\n clickable = false,\n closeOnEsc = false,\n closeOnScroll = false,\n closeOnResize = false,\n style: externalStyles,\n position,\n afterShow,\n afterHide,\n // props handled by controller\n content,\n contentWrapperRef,\n isOpen,\n setIsOpen,\n activeAnchor,\n setActiveAnchor,\n border,\n opacity,\n}: ITooltip) => {\n const tooltipRef = useRef<HTMLElement>(null)\n const tooltipArrowRef = useRef<HTMLElement>(null)\n const tooltipShowDelayTimerRef = useRef<NodeJS.Timeout | null>(null)\n const tooltipHideDelayTimerRef = useRef<NodeJS.Timeout | null>(null)\n const [actualPlacement, setActualPlacement] = useState(place)\n const [inlineStyles, setInlineStyles] = useState({})\n const [inlineArrowStyles, setInlineArrowStyles] = useState({})\n const [show, setShow] = useState(false)\n const [rendered, setRendered] = useState(false)\n const wasShowing = useRef(false)\n const lastFloatPosition = useRef<IPosition | null>(null)\n /**\n * @todo Remove this in a future version (provider/wrapper method is deprecated)\n */\n const { anchorRefs, setActiveAnchor: setProviderActiveAnchor } = useTooltip(id)\n const hoveringTooltip = useRef(false)\n const [anchorsBySelect, setAnchorsBySelect] = useState<HTMLElement[]>([])\n const mounted = useRef(false)\n\n const shouldOpenOnClick = openOnClick || events.includes('click')\n\n /**\n * useLayoutEffect runs before useEffect,\n * but should be used carefully because of caveats\n * https://beta.reactjs.org/reference/react/useLayoutEffect#caveats\n */\n useIsomorphicLayoutEffect(() => {\n mounted.current = true\n return () => {\n mounted.current = false\n }\n }, [])\n\n useEffect(() => {\n if (!show) {\n /**\n * this fixes weird behavior when switching between two anchor elements very quickly\n * remove the timeout and switch quickly between two adjancent anchor elements to see it\n *\n * in practice, this means the tooltip is not immediately removed from the DOM on hide\n */\n const timeout = setTimeout(() => {\n setRendered(false)\n }, 150)\n return () => {\n clearTimeout(timeout)\n }\n }\n return () => null\n }, [show])\n\n const handleShow = (value: boolean) => {\n if (!mounted.current) {\n return\n }\n if (value) {\n setRendered(true)\n }\n /**\n * wait for the component to render and calculate position\n * before actually showing\n */\n setTimeout(() => {\n if (!mounted.current) {\n return\n }\n setIsOpen?.(value)\n if (isOpen === undefined) {\n setShow(value)\n }\n }, 10)\n }\n\n /**\n * this replicates the effect from `handleShow()`\n * when `isOpen` is changed from outside\n */\n useEffect(() => {\n if (isOpen === undefined) {\n return () => null\n }\n if (isOpen) {\n setRendered(true)\n }\n const timeout = setTimeout(() => {\n setShow(isOpen)\n }, 10)\n return () => {\n clearTimeout(timeout)\n }\n }, [isOpen])\n\n useEffect(() => {\n if (show === wasShowing.current) {\n return\n }\n wasShowing.current = show\n if (show) {\n afterShow?.()\n } else {\n afterHide?.()\n }\n }, [show])\n\n const handleShowTooltipDelayed = () => {\n if (tooltipShowDelayTimerRef.current) {\n clearTimeout(tooltipShowDelayTimerRef.current)\n }\n\n tooltipShowDelayTimerRef.current = setTimeout(() => {\n handleShow(true)\n }, delayShow)\n }\n\n const handleHideTooltipDelayed = (delay = delayHide) => {\n if (tooltipHideDelayTimerRef.current) {\n clearTimeout(tooltipHideDelayTimerRef.current)\n }\n\n tooltipHideDelayTimerRef.current = setTimeout(() => {\n if (hoveringTooltip.current) {\n return\n }\n handleShow(false)\n }, delay)\n }\n\n const handleShowTooltip = (event?: Event) => {\n if (!event) {\n return\n }\n const target = (event.currentTarget ?? event.target) as HTMLElement | null\n if (!target?.isConnected) {\n /**\n * this happens when the target is removed from the DOM\n * at the same time the tooltip gets triggered\n */\n setActiveAnchor(null)\n setProviderActiveAnchor({ current: null })\n return\n }\n if (delayShow) {\n handleShowTooltipDelayed()\n } else {\n handleShow(true)\n }\n setActiveAnchor(target)\n setProviderActiveAnchor({ current: target })\n\n if (tooltipHideDelayTimerRef.current) {\n clearTimeout(tooltipHideDelayTimerRef.current)\n }\n }\n\n const handleHideTooltip = () => {\n if (clickable) {\n // allow time for the mouse to reach the tooltip, in case there's a gap\n handleHideTooltipDelayed(delayHide || 100)\n } else if (delayHide) {\n handleHideTooltipDelayed()\n } else {\n handleShow(false)\n }\n\n if (tooltipShowDelayTimerRef.current) {\n clearTimeout(tooltipShowDelayTimerRef.current)\n }\n }\n\n const handleTooltipPosition = ({ x, y }: IPosition) => {\n const virtualElement = {\n getBoundingClientRect() {\n return {\n x,\n y,\n width: 0,\n height: 0,\n top: y,\n left: x,\n right: x,\n bottom: y,\n }\n },\n } as Element\n computeTooltipPosition({\n place,\n offset,\n elementReference: virtualElement,\n tooltipReference: tooltipRef.current,\n tooltipArrowReference: tooltipArrowRef.current,\n strategy: positionStrategy,\n middlewares,\n border,\n }).then((computedStylesData) => {\n if (Object.keys(computedStylesData.tooltipStyles).length) {\n setInlineStyles(computedStylesData.tooltipStyles)\n }\n if (Object.keys(computedStylesData.tooltipArrowStyles).length) {\n setInlineArrowStyles(computedStylesData.tooltipArrowStyles)\n }\n setActualPlacement(computedStylesData.place as PlacesType)\n })\n }\n\n const handleMouseMove = (event?: Event) => {\n if (!event) {\n return\n }\n const mouseEvent = event as MouseEvent\n const mousePosition = {\n x: mouseEvent.clientX,\n y: mouseEvent.clientY,\n }\n handleTooltipPosition(mousePosition)\n lastFloatPosition.current = mousePosition\n }\n\n const handleClickTooltipAnchor = (event?: Event) => {\n handleShowTooltip(event)\n if (delayHide) {\n handleHideTooltipDelayed()\n }\n }\n\n const handleClickOutsideAnchors = (event: MouseEvent) => {\n const anchorById = document.querySelector<HTMLElement>(`[id='${anchorId}']`)\n const anchors = [anchorById, ...anchorsBySelect]\n if (anchors.some((anchor) => anchor?.contains(event.target as HTMLElement))) {\n return\n }\n if (tooltipRef.current?.contains(event.target as HTMLElement)) {\n return\n }\n handleShow(false)\n if (tooltipShowDelayTimerRef.current) {\n clearTimeout(tooltipShowDelayTimerRef.current)\n }\n }\n\n // debounce handler to prevent call twice when\n // mouse enter and focus events being triggered toggether\n const debouncedHandleShowTooltip = debounce(handleShowTooltip, 50, true)\n const debouncedHandleHideTooltip = debounce(handleHideTooltip, 50, true)\n const updateTooltipPosition = useCallback(() => {\n if (position) {\n // if `position` is set, override regular and `float` positioning\n handleTooltipPosition(position)\n return\n }\n\n if (float) {\n if (lastFloatPosition.current) {\n /*\n Without this, changes to `content`, `place`, `offset`, ..., will only\n trigger a position calculation after a `mousemove` event.\n\n To see why this matters, comment this line, run `yarn dev` and click the\n \"Hover me!\" anchor.\n */\n handleTooltipPosition(lastFloatPosition.current)\n }\n // if `float` is set, override regular positioning\n return\n }\n\n computeTooltipPosition({\n place,\n offset,\n elementReference: activeAnchor,\n tooltipReference: tooltipRef.current,\n tooltipArrowReference: tooltipArrowRef.current,\n strategy: positionStrategy,\n middlewares,\n border,\n }).then((computedStylesData) => {\n if (!mounted.current) {\n // invalidate computed positions after remount\n return\n }\n if (Object.keys(computedStylesData.tooltipStyles).length) {\n setInlineStyles(computedStylesData.tooltipStyles)\n }\n if (Object.keys(computedStylesData.tooltipArrowStyles).length) {\n setInlineArrowStyles(computedStylesData.tooltipArrowStyles)\n }\n setActualPlacement(computedStylesData.place as PlacesType)\n })\n }, [\n show,\n activeAnchor,\n content,\n externalStyles,\n place,\n offset,\n positionStrategy,\n position,\n float,\n ])\n\n useEffect(() => {\n const elementRefs = new Set(anchorRefs)\n\n anchorsBySelect.forEach((anchor) => {\n elementRefs.add({ current: anchor })\n })\n\n const anchorById = document.querySelector<HTMLElement>(`[id='${anchorId}']`)\n if (anchorById) {\n elementRefs.add({ current: anchorById })\n }\n\n const handleScrollResize = () => {\n handleShow(false)\n }\n\n const anchorScrollParent = getScrollParent(activeAnchor)\n const tooltipScrollParent = getScrollParent(tooltipRef.current)\n\n if (closeOnScroll) {\n window.addEventListener('scroll', handleScrollResize)\n anchorScrollParent?.addEventListener('scroll', handleScrollResize)\n tooltipScrollParent?.addEventListener('scroll', handleScrollResize)\n }\n let updateTooltipCleanup: null | (() => void) = null\n if (closeOnResize) {\n window.addEventListener('resize', handleScrollResize)\n } else if (activeAnchor && tooltipRef.current) {\n updateTooltipCleanup = autoUpdate(\n activeAnchor as HTMLElement,\n tooltipRef.current as HTMLElement,\n updateTooltipPosition,\n {\n ancestorResize: true,\n elementResize: true,\n layoutShift: true,\n },\n )\n }\n\n const handleEsc = (event: KeyboardEvent) => {\n if (event.key !== 'Escape') {\n return\n }\n handleShow(false)\n }\n\n if (closeOnEsc) {\n window.addEventListener('keydown', handleEsc)\n }\n\n const enabledEvents: { event: string; listener: (event?: Event) => void }[] = []\n\n if (shouldOpenOnClick) {\n window.addEventListener('click', handleClickOutsideAnchors)\n enabledEvents.push({ event: 'click', listener: handleClickTooltipAnchor })\n } else {\n enabledEvents.push(\n { event: 'mouseenter', listener: debouncedHandleShowTooltip },\n { event: 'mouseleave', listener: debouncedHandleHideTooltip },\n { event: 'focus', listener: debouncedHandleShowTooltip },\n { event: 'blur', listener: debouncedHandleHideTooltip },\n )\n if (float) {\n enabledEvents.push({\n event: 'mousemove',\n listener: handleMouseMove,\n })\n }\n }\n\n const handleMouseEnterTooltip = () => {\n hoveringTooltip.current = true\n }\n const handleMouseLeaveTooltip = () => {\n hoveringTooltip.current = false\n handleHideTooltip()\n }\n\n if (clickable && !shouldOpenOnClick) {\n tooltipRef.current?.addEventListener('mouseenter', handleMouseEnterTooltip)\n tooltipRef.current?.addEventListener('mouseleave', handleMouseLeaveTooltip)\n }\n\n enabledEvents.forEach(({ event, listener }) => {\n elementRefs.forEach((ref) => {\n ref.current?.addEventListener(event, listener)\n })\n })\n\n return () => {\n if (closeOnScroll) {\n window.removeEventListener('scroll', handleScrollResize)\n anchorScrollParent?.removeEventListener('scroll', handleScrollResize)\n tooltipScrollParent?.removeEventListener('scroll', handleScrollResize)\n }\n if (closeOnResize) {\n window.removeEventListener('resize', handleScrollResize)\n } else {\n updateTooltipCleanup?.()\n }\n if (shouldOpenOnClick) {\n window.removeEventListener('click', handleClickOutsideAnchors)\n }\n if (closeOnEsc) {\n window.removeEventListener('keydown', handleEsc)\n }\n if (clickable && !shouldOpenOnClick) {\n tooltipRef.current?.removeEventListener('mouseenter', handleMouseEnterTooltip)\n tooltipRef.current?.removeEventListener('mouseleave', handleMouseLeaveTooltip)\n }\n enabledEvents.forEach(({ event, listener }) => {\n elementRefs.forEach((ref) => {\n ref.current?.removeEventListener(event, listener)\n })\n })\n }\n /**\n * rendered is also a dependency to ensure anchor observers are re-registered\n * since `tooltipRef` becomes stale after removing/adding the tooltip to the DOM\n */\n }, [\n activeAnchor,\n updateTooltipPosition,\n rendered,\n anchorRefs,\n anchorsBySelect,\n closeOnEsc,\n events,\n ])\n\n useEffect(() => {\n let selector = anchorSelect ?? ''\n if (!selector && id) {\n selector = `[data-tooltip-id='${id}']`\n }\n const documentObserverCallback: MutationCallback = (mutationList) => {\n const newAnchors: HTMLElement[] = []\n mutationList.forEach((mutation) => {\n if (mutation.type === 'attributes' && mutation.attributeName === 'data-tooltip-id') {\n const newId = (mutation.target as HTMLElement).getAttribute('data-tooltip-id')\n if (newId === id) {\n newAnchors.push(mutation.target as HTMLElement)\n }\n }\n if (mutation.type !== 'childList') {\n return\n }\n if (activeAnchor) {\n ;[...mutation.removedNodes].some((node) => {\n if (node?.contains?.(activeAnchor)) {\n setRendered(false)\n handleShow(false)\n setActiveAnchor(null)\n if (tooltipShowDelayTimerRef.current) {\n clearTimeout(tooltipShowDelayTimerRef.current)\n }\n if (tooltipHideDelayTimerRef.current) {\n clearTimeout(tooltipHideDelayTimerRef.current)\n }\n return true\n }\n return false\n })\n }\n if (!selector) {\n return\n }\n try {\n const elements = [...mutation.addedNodes].filter((node) => node.nodeType === 1)\n newAnchors.push(\n // the element itself is an anchor\n ...(elements.filter((element) =>\n (element as HTMLElement).matches(selector),\n ) as HTMLElement[]),\n )\n newAnchors.push(\n // the element has children which are anchors\n ...elements.flatMap(\n (element) =>\n [...(element as HTMLElement).querySelectorAll(selector)] as HTMLElement[],\n ),\n )\n } catch {\n /**\n * invalid CSS selector.\n * already warned on tooltip controller\n */\n }\n })\n if (newAnchors.length) {\n setAnchorsBySelect((anchors) => [...anchors, ...newAnchors])\n }\n }\n const documentObserver = new MutationObserver(documentObserverCallback)\n // watch for anchor being removed from the DOM\n documentObserver.observe(document.body, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['data-tooltip-id'],\n })\n return () => {\n documentObserver.disconnect()\n }\n }, [id, anchorSelect, activeAnchor])\n\n useEffect(() => {\n updateTooltipPosition()\n }, [updateTooltipPosition])\n\n useEffect(() => {\n if (!contentWrapperRef?.current) {\n return () => null\n }\n const contentObserver = new ResizeObserver(() => {\n updateTooltipPosition()\n })\n contentObserver.observe(contentWrapperRef.current)\n return () => {\n contentObserver.disconnect()\n }\n }, [content, contentWrapperRef?.current])\n\n useEffect(() => {\n const anchorById = document.querySelector<HTMLElement>(`[id='${anchorId}']`)\n const anchors = [...anchorsBySelect, anchorById]\n if (!activeAnchor || !anchors.includes(activeAnchor)) {\n /**\n * if there is no active anchor,\n * or if the current active anchor is not amongst the allowed ones,\n * reset it\n */\n setActiveAnchor(anchorsBySelect[0] ?? anchorById)\n }\n }, [anchorId, anchorsBySelect, activeAnchor])\n\n useEffect(() => {\n return () => {\n if (tooltipShowDelayTimerRef.current) {\n clearTimeout(tooltipShowDelayTimerRef.current)\n }\n if (tooltipHideDelayTimerRef.current) {\n clearTimeout(tooltipHideDelayTimerRef.current)\n }\n }\n }, [])\n\n useEffect(() => {\n let selector = anchorSelect\n if (!selector && id) {\n selector = `[data-tooltip-id='${id}']`\n }\n if (!selector) {\n return\n }\n try {\n const anchors = Array.from(document.querySelectorAll<HTMLElement>(selector))\n setAnchorsBySelect(anchors)\n } catch {\n // warning was already issued in the controller\n setAnchorsBySelect([])\n }\n }, [id, anchorSelect])\n\n const canShow = !hidden && content && show && Object.keys(inlineStyles).length > 0\n\n return rendered ? (\n <WrapperElement\n id={id}\n role=\"tooltip\"\n className={classNames(\n 'react-tooltip',\n coreStyles['tooltip'],\n styles['tooltip'],\n styles[variant],\n className,\n `react-tooltip__place-${actualPlacement}`,\n {\n 'react-tooltip__show': canShow,\n [coreStyles['show']]: canShow,\n [coreStyles['fixed']]: positionStrategy === 'fixed',\n [coreStyles['clickable']]: clickable,\n },\n )}\n style={{\n ...externalStyles,\n ...inlineStyles,\n opacity: opacity !== undefined && canShow ? opacity : undefined,\n }}\n ref={tooltipRef}\n >\n {content}\n <WrapperElement\n className={classNames(\n 'react-tooltip-arrow',\n coreStyles['arrow'],\n styles['arrow'],\n classNameArrow,\n {\n /**\n * changed from dash `no-arrow` to camelcase because of:\n * https://github.com/indooorsman/esbuild-css-modules-plugin/issues/42\n */\n [coreStyles['noArrow']]: noArrow,\n },\n )}\n style={inlineArrowStyles}\n ref={tooltipArrowRef}\n />\n </WrapperElement>\n ) : null\n}\n\nexport default Tooltip\n","/* eslint-disable react/no-danger */\nimport React from 'react'\nimport type { ITooltipContent } from './TooltipContentTypes'\n\nconst TooltipContent = ({ content }: ITooltipContent) => {\n return <span dangerouslySetInnerHTML={{ __html: content }} />\n}\n\nexport default TooltipContent\n","import React, { useEffect, useRef, useState } from 'react'\nimport { Tooltip } from 'components/Tooltip'\nimport type {\n EventsType,\n PositionStrategy,\n PlacesType,\n VariantType,\n WrapperType,\n DataAttribute,\n ITooltip,\n ChildrenType,\n} from 'components/Tooltip/TooltipTypes'\nimport { useTooltip } from 'components/TooltipProvider'\nimport { TooltipContent } from 'components/TooltipContent'\nimport type { ITooltipController } from './TooltipControllerTypes'\n\nconst TooltipController = ({\n id,\n anchorId,\n anchorSelect,\n content,\n html,\n render,\n className,\n classNameArrow,\n variant = 'dark',\n place = 'top',\n offset = 10,\n wrapper = 'div',\n children = null,\n events = ['hover'],\n openOnClick = false,\n positionStrategy = 'absolute',\n middlewares,\n delayShow = 0,\n delayHide = 0,\n float = false,\n hidden = false,\n noArrow = false,\n clickable = false,\n closeOnEsc = false,\n closeOnScroll = false,\n closeOnResize = false,\n style,\n position,\n isOpen,\n disableStyleInjection = false,\n border,\n opacity,\n setIsOpen,\n afterShow,\n afterHide,\n}: ITooltipController) => {\n const [tooltipContent, setTooltipContent] = useState(content)\n const [tooltipHtml, setTooltipHtml] = useState(html)\n const [tooltipPlace, setTooltipPlace] = useState(place)\n const [tooltipVariant, setTooltipVariant] = useState(variant)\n const [tooltipOffset, setTooltipOffset] = useState(offset)\n const [tooltipDelayShow, setTooltipDelayShow] = useState(delayShow)\n const [tooltipDelayHide, setTooltipDelayHide] = useState(delayHide)\n const [tooltipFloat, setTooltipFloat] = useState(float)\n const [tooltipHidden, setTooltipHidden] = useState(hidden)\n const [tooltipWrapper, setTooltipWrapper] = useState<WrapperType>(wrapper)\n const [tooltipEvents, setTooltipEvents] = useState(events)\n const [tooltipPositionStrategy, setTooltipPositionStrategy] = useState(positionStrategy)\n const [activeAnchor, setActiveAnchor] = useState<HTMLElement | null>(null)\n const styleInjectionRef = useRef(disableStyleInjection)\n /**\n * @todo Remove this in a future version (provider/wrapper method is deprecated)\n */\n const { anchorRefs, activeAnchor: providerActiveAnchor } = useTooltip(id)\n\n const getDataAttributesFromAnchorElement = (elementReference: HTMLElement) => {\n const dataAttributes = elementReference?.getAttributeNames().reduce((acc, name) => {\n if (name.startsWith('data-tooltip-')) {\n const parsedAttribute = name.replace(/^data-tooltip-/, '') as DataAttribute\n acc[parsedAttribute] = elementReference?.getAttribute(name) ?? null\n }\n return acc\n }, {} as Record<DataAttribute, string | null>)\n\n return dataAttributes\n }\n\n const applyAllDataAttributesFromAnchorElement = (\n dataAttributes: Record<string, string | null>,\n ) => {\n const handleDataAttributes: Record<DataAttribute, (value: string | null) => void> = {\n place: (value) => {\n setTooltipPlace((value as PlacesType) ?? place)\n },\n content: (value) => {\n setTooltipContent(value ?? content)\n },\n html: (value) => {\n setTooltipHtml(value ?? html)\n },\n variant: (value) => {\n setTooltipVariant((value as VariantType) ?? variant)\n },\n offset: (value) => {\n setTooltipOffset(value === null ? offset : Number(value))\n },\n wrapper: (value) => {\n setTooltipWrapper((value as WrapperType) ?? wrapper)\n },\n events: (value) => {\n const parsed = value?.split(' ') as EventsType[]\n setTooltipEvents(parsed ?? events)\n },\n 'position-strategy': (value) => {\n setTooltipPositionStrategy((value as PositionStrategy) ?? positionStrategy)\n },\n 'delay-show': (value) => {\n setTooltipDelayShow(value === null ? delayShow : Number(value))\n },\n 'delay-hide': (value) => {\n setTooltipDelayHide(value === null ? delayHide : Number(value))\n },\n float: (value) => {\n setTooltipFloat(value === null ? float : value === 'true')\n },\n hidden: (value) => {\n setTooltipHidden(value === null ? hidden : value === 'true')\n },\n }\n // reset unset data attributes to default values\n // without this, data attributes from the last active anchor will still be used\n Object.values(handleDataAttributes).forEach((handler) => handler(null))\n Object.entries(dataAttributes).forEach(([key, value]) => {\n handleDataAttributes[key as DataAttribute]?.(value)\n })\n }\n\n useEffect(() => {\n setTooltipContent(content)\n }, [content])\n\n useEffect(() => {\n setTooltipHtml(html)\n }, [html])\n\n useEffect(() => {\n setTooltipPlace(place)\n }, [place])\n\n useEffect(() => {\n setTooltipVariant(variant)\n }, [variant])\n\n useEffect(() => {\n setTooltipOffset(offset)\n }, [offset])\n\n useEffect(() => {\n setTooltipDelayShow(delayShow)\n }, [delayShow])\n\n useEffect(() => {\n setTooltipDelayHide(delayHide)\n }, [delayHide])\n\n useEffect(() => {\n setTooltipFloat(float)\n }, [float])\n\n useEffect(() => {\n setTooltipHidden(hidden)\n }, [hidden])\n\n useEffect(() => {\n setTooltipPositionStrategy(positionStrategy)\n }, [positionStrategy])\n\n useEffect(() => {\n if (styleInjectionRef.current === disableStyleInjection) {\n return\n }\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn('[react-tooltip] Do not change `disableStyleInjection` dynamically.')\n }\n }, [disableStyleInjection])\n\n useEffect(() => {\n if (typeof window !== 'undefined') {\n window.dispatchEvent(\n new CustomEvent('react-tooltip-inject-styles', {\n detail: {\n disableCore: disableStyleInjection === 'core',\n disableBase: disableStyleInjection,\n },\n }),\n )\n }\n }, [])\n\n useEffect(() => {\n const elementRefs = new Set(anchorRefs)\n\n let selector = anchorSelect\n if (!selector && id) {\n selector = `[data-tooltip-id='${id}']`\n }\n if (selector) {\n try {\n const anchorsBySelect = document.querySelectorAll<HTMLElement>(selector)\n anchorsBySelect.forEach((anchor) => {\n elementRefs.add({ current: anchor })\n })\n } catch {\n if (!process.env.NODE_ENV || process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line no-console\n console.warn(`[react-tooltip] \"${selector}\" is not a valid CSS selector`)\n }\n }\n }\n\n const anchorById = document.querySelector<HTMLElement>(`[id='${anchorId}']`)\n if (anchorById) {\n elementRefs.add({ current: anchorById })\n }\n\n if (!elementRefs.size) {\n return () => null\n }\n\n const anchorElement = activeAnchor ?? anchorById ?? providerActiveAnchor.current\n\n const observerCallback: MutationCallback = (mutationList) => {\n mutationList.forEach((mutation) => {\n if (\n !anchorElement ||\n mutation.type !== 'attributes' ||\n !mutation.attributeName?.startsWith('data-tooltip-')\n ) {\n return\n }\n // make sure to get all set attributes, since all unset attributes are reset\n const dataAttributes = getDataAttributesFromAnchorElement(anchorElement)\n applyAllDataAttributesFromAnchorElement(dataAttributes)\n })\n }\n\n // Create an observer instance linked to the callback function\n const observer = new MutationObserver(observerCallback)\n\n // do not check for subtree and childrens, we only want to know attribute changes\n // to stay watching `data-attributes-*` from anchor element\n const observerConfig = { attributes: true, childList: false, subtree: false }\n\n if (anchorElement) {\n const dataAttributes = getDataAttributesFromAnchorElement(anchorElement)\n applyAllDataAttributesFromAnchorElement(dataAttributes)\n // Start observing the target node for configured mutations\n observer.observe(anchorElement, observerConfig)\n }\n\n return () => {\n // Remove the observer when the tooltip is destroyed\n observer.disconnect()\n }\n }, [anchorRefs, providerActiveAnchor, activeAnchor, anchorId, anchorSelect])\n\n useEffect(() => {\n if (process.env.NODE_ENV === 'production') {\n return\n }\n if (style?.border) {\n // eslint-disable-next-line no-console\n console.warn('[react-tooltip] Do not set `style.border`. Use `border` prop instead.')\n }\n if (border && !CSS.supports('border', `${border}`)) {\n // eslint-disable-next-line no-console\n console.warn(`[react-tooltip] \"${border}\" is not a valid \\`border\\`.`)\n }\n if (style?.opacity) {\n // eslint-disable-next-line no-console\n console.warn('[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead.')\n }\n if (opacity && !CSS.supports('opacity', `${opacity}`)) {\n // eslint-disable-next-line no-console\n console.warn(`[react-tooltip] \"${opacity}\" is not a valid \\`opacity\\`.`)\n }\n }, [])\n\n /**\n * content priority: children < render or content < html\n * children should be lower priority so that it can be used as the \"default\" content\n */\n let renderedContent: ChildrenType = children\n const contentWrapperRef = useRef<HTMLDivElement>(null)\n if (render) {\n const rendered = render({ content: tooltipContent ?? null, activeAnchor }) as React.ReactNode\n renderedContent = rendered ? (\n <div ref={contentWrapperRef} className=\"react-tooltip-content-wrapper\">\n {rendered}\n </div>\n ) : null\n } else if (tooltipContent) {\n renderedContent = tooltipContent\n }\n if (tooltipHtml) {\n renderedContent = <TooltipContent content={tooltipHtml} />\n }\n\n const props: ITooltip = {\n id,\n anchorId,\n anchorSelect,\n className,\n classNameArrow,\n content: renderedContent,\n contentWrapperRef,\n place: tooltipPlace,\n variant: tooltipVariant,\n offset: tooltipOffset,\n wrapper: tooltipWrapper,\n events: tooltipEvents,\n openOnClick,\n positionStrategy: tooltipPositionStrategy,\n middlewares,\n delayShow: tooltipDelayShow,\n delayHide: tooltipDelayHide,\n float: tooltipFloat,\n hidden: tooltipHidden,\n noArrow,\n clickable,\n closeOnEsc,\n closeOnScroll,\n closeOnResize,\n style,\n position,\n isOpen,\n border,\n opacity,\n setIsOpen,\n afterShow,\n afterHide,\n activeAnchor,\n setActiveAnchor: (anchor: HTMLElement | null) => setActiveAnchor(anchor),\n }\n\n return <Tooltip {...props} />\n}\n\nexport default TooltipController\n","import './tokens.css'\n\nimport { injectStyle } from 'utils/handle-style'\n\nimport type {\n ChildrenType,\n DataAttribute,\n EventsType,\n PlacesType,\n PositionStrategy,\n VariantType,\n WrapperType,\n IPosition,\n Middleware,\n} from './components/Tooltip/TooltipTypes'\nimport type { ITooltipController } from './components/TooltipController/TooltipControllerTypes'\nimport type { ITooltipWrapper } from './components/TooltipProvider/TooltipProviderTypes'\n\n// those content will be replaced in build time with the `react-tooltip.css` builded content\nconst TooltipCoreStyles = 'react-tooltip-core-css-placeholder'\nconst TooltipStyles = 'react-tooltip-css-placeholder'\n\nif (typeof window !== 'undefined') {\n window.addEventListener('react-tooltip-inject-styles', ((\n event: CustomEvent<{ disableCore: boolean; disableBase: boolean }>,\n ) => {\n if (!event.detail.disableCore) {\n injectStyle({ css: TooltipCoreStyles, type: 'core' })\n }\n if (!event.detail.disableBase) {\n injectStyle({ css: TooltipStyles, type: 'base' })\n }\n }) as EventListener)\n}\n\nexport { TooltipController as Tooltip } from './components/TooltipController'\nexport { TooltipProvider, TooltipWrapper } from './components/TooltipProvider'\nexport type {\n ChildrenType,\n DataAttribute,\n EventsType,\n PlacesType,\n PositionStrategy,\n VariantType,\n WrapperType,\n ITooltipController as ITooltip,\n ITooltipWrapper,\n IPosition,\n Middleware,\n}\n\nexport { removeStyle } from './utils/handle-style'\n"],"names":["REACT_TOOLTIP_CORE_STYLES_ID","REACT_TOOLTIP_BASE_STYLES_ID","injected","core","base","injectStyle","css","id","type","ref","document","process","_a","env","REACT_TOOLTIP_DISABLE_CORE_STYLES","_b","REACT_TOOLTIP_DISABLE_BASE_STYLES","insertAt","getElementById","console","warn","head","getElementsByTagName","style","createElement","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","removeStyle","tagName","remove","debounce","func","wait","immediate","timeout","args","later","apply","this","setTimeout","clearTimeout","DEFAULT_TOOLTIP_ID","DEFAULT_CONTEXT_DATA","anchorRefs","Set","activeAnchor","current","attach","detach","setActiveAnchor","TooltipContext","createContext","getTooltipData","TooltipProvider","children","anchorRefMap","setAnchorRefMap","useState","activeAnchorMap","setActiveAnchorMap","tooltipId","refs","oldMap","tooltipRefs","forEach","add","delete","useCallback","context","useMemo","React","Provider","value","useTooltip","useContext","TooltipWrapper","className","place","content","html","variant","offset","wrapper","events","positionStrategy","delayShow","delayHide","anchorRef","useRef","useEffect","classNames","useIsomorphicLayoutEffect","window","useLayoutEffect","isScrollable","node","HTMLElement","SVGElement","getComputedStyle","some","propertyName","getPropertyValue","getScrollParent","currentParent","parentElement","scrollingElement","documentElement","computeTooltipPosition","async","elementReference","tooltipReference","tooltipArrowReference","offsetValue","strategy","middlewares","Number","flip","shift","padding","border","tooltipStyles","tooltipArrowStyles","middleware","push","arrow","element","computePosition","placement","then","x","y","middlewareData","styles","left","top","arrowX","arrowY","staticSide","right","bottom","split","borderSide","borderBottom","borderRight","borderLeft","borderTop","borderWidth","match","Tooltip","classNameArrow","anchorId","anchorSelect","openOnClick","WrapperElement","float","hidden","noArrow","clickable","closeOnEsc","closeOnScroll","closeOnResize","externalStyles","position","afterShow","afterHide","contentWrapperRef","isOpen","setIsOpen","opacity","tooltipRef","tooltipArrowRef","tooltipShowDelayTimerRef","tooltipHideDelayTimerRef","actualPlacement","setActualPlacement","inlineStyles","setInlineStyles","inlineArrowStyles","setInlineArrowStyles","show","setShow","rendered","setRendered","wasShowing","lastFloatPosition","setProviderActiveAnchor","hoveringTooltip","anchorsBySelect","setAnchorsBySelect","mounted","shouldOpenOnClick","includes","handleShow","undefined","handleHideTooltipDelayed","delay","handleShowTooltip","event","target","currentTarget","isConnected","handleHideTooltip","handleTooltipPosition","getBoundingClientRect","width","height","computedStylesData","Object","keys","length","handleMouseMove","mouseEvent","mousePosition","clientX","clientY","handleClickTooltipAnchor","handleClickOutsideAnchors","querySelector","anchor","contains","debouncedHandleShowTooltip","debouncedHandleHideTooltip","updateTooltipPosition","elementRefs","anchorById","handleScrollResize","anchorScrollParent","tooltipScrollParent","addEventListener","updateTooltipCleanup","autoUpdate","ancestorResize","elementResize","layoutShift","handleEsc","key","enabledEvents","listener","handleMouseEnterTooltip","handleMouseLeaveTooltip","removeEventListener","selector","documentObserver","MutationObserver","mutationList","newAnchors","mutation","attributeName","getAttribute","removedNodes","call","elements","addedNodes","filter","nodeType","matches","flatMap","querySelectorAll","anchors","observe","body","childList","subtree","attributes","attributeFilter","disconnect","contentObserver","ResizeObserver","Array","from","canShow","role","coreStyles","coreStyles_show","coreStyles_fixed","coreStyles_clickable","coreStyles_noArrow","TooltipContent","dangerouslySetInnerHTML","__html","TooltipController","render","disableStyleInjection","tooltipContent","setTooltipContent","tooltipHtml","setTooltipHtml","tooltipPlace","setTooltipPlace","tooltipVariant","setTooltipVariant","tooltipOffset","setTooltipOffset","tooltipDelayShow","setTooltipDelayShow","tooltipDelayHide","setTooltipDelayHide","tooltipFloat","setTooltipFloat","tooltipHidden","setTooltipHidden","tooltipWrapper","setTooltipWrapper","tooltipEvents","setTooltipEvents","tooltipPositionStrategy","setTooltipPositionStrategy","styleInjectionRef","providerActiveAnchor","getDataAttributesFromAnchorElement","getAttributeNames","reduce","acc","name","startsWith","replace","applyAllDataAttributesFromAnchorElement","dataAttributes","handleDataAttributes","parsed","values","handler","entries","dispatchEvent","CustomEvent","detail","disableCore","disableBase","size","anchorElement","observer","observerConfig","CSS","supports","renderedContent","props"],"mappings":"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"}
@@ -6,8 +6,8 @@
6
6
  * @license MIT
7
7
  */
8
8
  import React, { createContext, useState, useCallback, useMemo, useContext, useRef, useEffect, useLayoutEffect } from 'react';
9
+ import { arrow, computePosition, offset, flip, shift, autoUpdate } from '@floating-ui/dom';
9
10
  import classNames from 'classnames';
10
- import { arrow, computePosition, offset, flip, shift } from '@floating-ui/dom';
11
11
 
12
12
  // This is the ID for the core styles of ReactTooltip
13
13
  const REACT_TOOLTIP_CORE_STYLES_ID = 'react-tooltip-core-styles';
@@ -18,6 +18,20 @@ const injected = {
18
18
  base: false,
19
19
  };
20
20
  function injectStyle({ css, id = REACT_TOOLTIP_BASE_STYLES_ID, type = 'base', ref, }) {
21
+ var _a, _b;
22
+ if (!css || typeof document === 'undefined' || injected[type]) {
23
+ return;
24
+ }
25
+ if (type === 'core' &&
26
+ typeof process !== 'undefined' && // this validation prevents docs from breaking even with `process?`
27
+ ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.REACT_TOOLTIP_DISABLE_CORE_STYLES)) {
28
+ return;
29
+ }
30
+ if (type !== 'base' &&
31
+ typeof process !== 'undefined' && // this validation prevents docs from breaking even with `process?`
32
+ ((_b = process === null || process === void 0 ? void 0 : process.env) === null || _b === void 0 ? void 0 : _b.REACT_TOOLTIP_DISABLE_BASE_STYLES)) {
33
+ return;
34
+ }
21
35
  if (type === 'core') {
22
36
  // eslint-disable-next-line no-param-reassign
23
37
  id = REACT_TOOLTIP_CORE_STYLES_ID;
@@ -27,9 +41,6 @@ function injectStyle({ css, id = REACT_TOOLTIP_BASE_STYLES_ID, type = 'base', re
27
41
  ref = {};
28
42
  }
29
43
  const { insertAt } = ref;
30
- if (!css || typeof document === 'undefined' || injected[type]) {
31
- return;
32
- }
33
44
  if (document.getElementById(id)) {
34
45
  // this should never happen because of `injected[type]`
35
46
  {
@@ -62,6 +73,28 @@ function injectStyle({ css, id = REACT_TOOLTIP_BASE_STYLES_ID, type = 'base', re
62
73
  }
63
74
  injected[type] = true;
64
75
  }
76
+ /**
77
+ * @deprecated Use the `disableStyleInjection` tooltip prop instead.
78
+ * See https://react-tooltip.com/docs/examples/styling#disabling-reacttooltip-css
79
+ */
80
+ function removeStyle({ type = 'base', id = REACT_TOOLTIP_BASE_STYLES_ID, } = {}) {
81
+ if (!injected[type]) {
82
+ return;
83
+ }
84
+ if (type === 'core') {
85
+ // eslint-disable-next-line no-param-reassign
86
+ id = REACT_TOOLTIP_CORE_STYLES_ID;
87
+ }
88
+ const style = document.getElementById(id);
89
+ if ((style === null || style === void 0 ? void 0 : style.tagName) === 'style') {
90
+ style === null || style === void 0 ? void 0 : style.remove();
91
+ }
92
+ else {
93
+ // eslint-disable-next-line no-console
94
+ console.warn(`[react-tooltip] Failed to remove 'style' element with id '${id}'. Call \`injectStyle()\` first`);
95
+ }
96
+ injected[type] = false;
97
+ }
65
98
 
66
99
  /* eslint-disable @typescript-eslint/no-explicit-any */
67
100
  /**
@@ -527,6 +560,59 @@ content, contentWrapperRef, isOpen, setIsOpen, activeAnchor, setActiveAnchor, bo
527
560
  // mouse enter and focus events being triggered toggether
528
561
  const debouncedHandleShowTooltip = debounce(handleShowTooltip, 50, true);
529
562
  const debouncedHandleHideTooltip = debounce(handleHideTooltip, 50, true);
563
+ const updateTooltipPosition = useCallback(() => {
564
+ if (position) {
565
+ // if `position` is set, override regular and `float` positioning
566
+ handleTooltipPosition(position);
567
+ return;
568
+ }
569
+ if (float) {
570
+ if (lastFloatPosition.current) {
571
+ /*
572
+ Without this, changes to `content`, `place`, `offset`, ..., will only
573
+ trigger a position calculation after a `mousemove` event.
574
+
575
+ To see why this matters, comment this line, run `yarn dev` and click the
576
+ "Hover me!" anchor.
577
+ */
578
+ handleTooltipPosition(lastFloatPosition.current);
579
+ }
580
+ // if `float` is set, override regular positioning
581
+ return;
582
+ }
583
+ computeTooltipPosition({
584
+ place,
585
+ offset,
586
+ elementReference: activeAnchor,
587
+ tooltipReference: tooltipRef.current,
588
+ tooltipArrowReference: tooltipArrowRef.current,
589
+ strategy: positionStrategy,
590
+ middlewares,
591
+ border,
592
+ }).then((computedStylesData) => {
593
+ if (!mounted.current) {
594
+ // invalidate computed positions after remount
595
+ return;
596
+ }
597
+ if (Object.keys(computedStylesData.tooltipStyles).length) {
598
+ setInlineStyles(computedStylesData.tooltipStyles);
599
+ }
600
+ if (Object.keys(computedStylesData.tooltipArrowStyles).length) {
601
+ setInlineArrowStyles(computedStylesData.tooltipArrowStyles);
602
+ }
603
+ setActualPlacement(computedStylesData.place);
604
+ });
605
+ }, [
606
+ show,
607
+ activeAnchor,
608
+ content,
609
+ externalStyles,
610
+ place,
611
+ offset,
612
+ positionStrategy,
613
+ position,
614
+ float,
615
+ ]);
530
616
  useEffect(() => {
531
617
  var _a, _b;
532
618
  const elementRefs = new Set(anchorRefs);
@@ -547,9 +633,17 @@ content, contentWrapperRef, isOpen, setIsOpen, activeAnchor, setActiveAnchor, bo
547
633
  anchorScrollParent === null || anchorScrollParent === void 0 ? void 0 : anchorScrollParent.addEventListener('scroll', handleScrollResize);
548
634
  tooltipScrollParent === null || tooltipScrollParent === void 0 ? void 0 : tooltipScrollParent.addEventListener('scroll', handleScrollResize);
549
635
  }
636
+ let updateTooltipCleanup = null;
550
637
  if (closeOnResize) {
551
638
  window.addEventListener('resize', handleScrollResize);
552
639
  }
640
+ else if (activeAnchor && tooltipRef.current) {
641
+ updateTooltipCleanup = autoUpdate(activeAnchor, tooltipRef.current, updateTooltipPosition, {
642
+ ancestorResize: true,
643
+ elementResize: true,
644
+ layoutShift: true,
645
+ });
646
+ }
553
647
  const handleEsc = (event) => {
554
648
  if (event.key !== 'Escape') {
555
649
  return;
@@ -600,6 +694,9 @@ content, contentWrapperRef, isOpen, setIsOpen, activeAnchor, setActiveAnchor, bo
600
694
  if (closeOnResize) {
601
695
  window.removeEventListener('resize', handleScrollResize);
602
696
  }
697
+ else {
698
+ updateTooltipCleanup === null || updateTooltipCleanup === void 0 ? void 0 : updateTooltipCleanup();
699
+ }
603
700
  if (shouldOpenOnClick) {
604
701
  window.removeEventListener('click', handleClickOutsideAnchors);
605
702
  }
@@ -621,7 +718,15 @@ content, contentWrapperRef, isOpen, setIsOpen, activeAnchor, setActiveAnchor, bo
621
718
  * rendered is also a dependency to ensure anchor observers are re-registered
622
719
  * since `tooltipRef` becomes stale after removing/adding the tooltip to the DOM
623
720
  */
624
- }, [rendered, anchorRefs, anchorsBySelect, closeOnEsc, events]);
721
+ }, [
722
+ activeAnchor,
723
+ updateTooltipPosition,
724
+ rendered,
725
+ anchorRefs,
726
+ anchorsBySelect,
727
+ closeOnEsc,
728
+ events,
729
+ ]);
625
730
  useEffect(() => {
626
731
  let selector = anchorSelect !== null && anchorSelect !== void 0 ? anchorSelect : '';
627
732
  if (!selector && id) {
@@ -692,52 +797,9 @@ content, contentWrapperRef, isOpen, setIsOpen, activeAnchor, setActiveAnchor, bo
692
797
  documentObserver.disconnect();
693
798
  };
694
799
  }, [id, anchorSelect, activeAnchor]);
695
- const updateTooltipPosition = () => {
696
- if (position) {
697
- // if `position` is set, override regular and `float` positioning
698
- handleTooltipPosition(position);
699
- return;
700
- }
701
- if (float) {
702
- if (lastFloatPosition.current) {
703
- /*
704
- Without this, changes to `content`, `place`, `offset`, ..., will only
705
- trigger a position calculation after a `mousemove` event.
706
-
707
- To see why this matters, comment this line, run `yarn dev` and click the
708
- "Hover me!" anchor.
709
- */
710
- handleTooltipPosition(lastFloatPosition.current);
711
- }
712
- // if `float` is set, override regular positioning
713
- return;
714
- }
715
- computeTooltipPosition({
716
- place,
717
- offset,
718
- elementReference: activeAnchor,
719
- tooltipReference: tooltipRef.current,
720
- tooltipArrowReference: tooltipArrowRef.current,
721
- strategy: positionStrategy,
722
- middlewares,
723
- border,
724
- }).then((computedStylesData) => {
725
- if (!mounted.current) {
726
- // invalidate computed positions after remount
727
- return;
728
- }
729
- if (Object.keys(computedStylesData.tooltipStyles).length) {
730
- setInlineStyles(computedStylesData.tooltipStyles);
731
- }
732
- if (Object.keys(computedStylesData.tooltipArrowStyles).length) {
733
- setInlineArrowStyles(computedStylesData.tooltipArrowStyles);
734
- }
735
- setActualPlacement(computedStylesData.place);
736
- });
737
- };
738
800
  useEffect(() => {
739
801
  updateTooltipPosition();
740
- }, [show, activeAnchor, content, externalStyles, place, offset, positionStrategy, position]);
802
+ }, [updateTooltipPosition]);
741
803
  useEffect(() => {
742
804
  if (!(contentWrapperRef === null || contentWrapperRef === void 0 ? void 0 : contentWrapperRef.current)) {
743
805
  return () => null;
@@ -792,6 +854,7 @@ content, contentWrapperRef, isOpen, setIsOpen, activeAnchor, setActiveAnchor, bo
792
854
  }, [id, anchorSelect]);
793
855
  const canShow = !hidden && content && show && Object.keys(inlineStyles).length > 0;
794
856
  return rendered ? (React.createElement(WrapperElement, { id: id, role: "tooltip", className: classNames('react-tooltip', coreStyles['tooltip'], styles['tooltip'], styles[variant], className, `react-tooltip__place-${actualPlacement}`, {
857
+ 'react-tooltip__show': canShow,
795
858
  [coreStyles['show']]: canShow,
796
859
  [coreStyles['fixed']]: positionStrategy === 'fixed',
797
860
  [coreStyles['clickable']]: clickable,
@@ -1179,4 +1242,4 @@ if (typeof window !== 'undefined') {
1179
1242
  }));
1180
1243
  }
1181
1244
 
1182
- export { TooltipController as Tooltip, TooltipProvider, TooltipWrapper };
1245
+ export { TooltipController as Tooltip, TooltipProvider, TooltipWrapper, removeStyle };