IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-07-30 00:08:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

use exposed interface from rc-tooltip

Browse Source
This commit is contained in:
Ashley Harrison
2024-01-16 12:25:31 +02:00
committed by renovate[bot]
parent f5cabd4db0
commit 767029a43d
1 changed files with 2 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/grafana-ui/src/components/Slider/HandleTooltip.tsx
+2 -8
View File
@@ -1,17 +1,11 @@
import { css } from '@emotion/css'; import { css } from '@emotion/css';
import Tooltip from 'rc-tooltip'; import Tooltip, { TooltipRef } from 'rc-tooltip';
import React, { useEffect, useRef } from 'react'; import React, { useEffect, useRef } from 'react';
import { GrafanaTheme2 } from '@grafana/data'; import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2 } from '../../themes/ThemeContext'; import { useStyles2 } from '../../themes/ThemeContext';
// this is now typed in rc-tooltip, but they don't export it :(
// let's mirror the interface here. if there's any discrepancy, we'll get a type error
interface RCTooltipRef {
forceAlign: () => {};
}
const HandleTooltip = (props: { const HandleTooltip = (props: {
value: number; value: number;
children: React.ReactElement; children: React.ReactElement;
@@ -21,7 +15,7 @@ const HandleTooltip = (props: {
}) => { }) => {
const { value, children, visible, placement, tipFormatter, ...restProps } = props; const { value, children, visible, placement, tipFormatter, ...restProps } = props;
const tooltipRef = useRef<RCTooltipRef>(null); const tooltipRef = useRef<TooltipRef>(null);
const rafRef = useRef<number | null>(null); const rafRef = useRef<number | null>(null);
const styles = useStyles2(tooltipStyles); const styles = useStyles2(tooltipStyles);