@@ -9,56 +9,47 @@ export function TooltipContent<StyledTooltipContentProps>(
99 StyledTooltipContent : React . ComponentType < StyledTooltipContentProps > ,
1010 AnimatePresence ?: React . ComponentType < any >
1111) {
12- return forwardRef (
13- (
14- {
15- children,
16- style,
17- ...props
18- } : StyledTooltipContentProps & { children ?: any ; style ?: any } ,
19- ref : any
20- ) => {
21- const { value } = useTooltipContext ( 'TooltipContext' ) ;
22- const {
23- isOpen,
24- targetRef,
25- placement,
26- crossOffset,
27- offset,
28- shouldFlip,
29- shouldOverlapWithTrigger,
30- } = value ;
31- const overlayRef = React . useRef ( null ) ;
32- const { overlayProps } = useOverlayPosition ( {
33- placement,
34- targetRef,
35- overlayRef,
36- crossOffset,
37- offset,
38- shouldOverlapWithTrigger,
39- shouldFlip,
40- } ) ;
41- const mergedRef = mergeRefs ( [ ref , overlayRef ] ) ;
12+ return forwardRef ( ( { children, style, ...props } : any , ref : any ) => {
13+ const { value } = useTooltipContext ( 'TooltipContext' ) ;
14+ const {
15+ isOpen,
16+ targetRef,
17+ placement,
18+ crossOffset,
19+ offset,
20+ shouldFlip,
21+ shouldOverlapWithTrigger,
22+ } = value ;
23+ const overlayRef = React . useRef ( null ) ;
24+ const { overlayProps } = useOverlayPosition ( {
25+ placement,
26+ targetRef,
27+ overlayRef,
28+ crossOffset,
29+ offset,
30+ shouldOverlapWithTrigger,
31+ shouldFlip,
32+ } ) ;
33+ const mergedRef = mergeRefs ( [ ref , overlayRef ] ) ;
4234
43- return (
44- < OverlayAnimatePresence
45- visible = { isOpen }
46- AnimatePresence = { AnimatePresence }
35+ return (
36+ < OverlayAnimatePresence
37+ visible = { isOpen }
38+ AnimatePresence = { AnimatePresence }
39+ >
40+ < StyledTooltipContent
41+ { ...props }
42+ ref = { mergedRef }
43+ accessibilityRole = { Platform . OS === 'web' ? 'tooltip' : undefined }
44+ style = { {
45+ ...overlayProps . style ,
46+ position : 'absolute' ,
47+ ...style ,
48+ } }
4749 >
48- < StyledTooltipContent
49- { ...props }
50- ref = { mergedRef }
51- accessibilityRole = { Platform . OS === 'web' ? 'tooltip' : undefined }
52- style = { {
53- ...overlayProps . style ,
54- position : 'absolute' ,
55- ...style ,
56- } }
57- >
58- { children }
59- </ StyledTooltipContent >
60- </ OverlayAnimatePresence >
61- ) ;
62- }
63- ) ;
50+ { children }
51+ </ StyledTooltipContent >
52+ </ OverlayAnimatePresence >
53+ ) ;
54+ } ) ;
6455}
0 commit comments