From b547599e41af7044c3fa02442a3a7368a7fcda1c Mon Sep 17 00:00:00 2001 From: Ashley Harrison Date: Wed, 3 Dec 2025 16:47:14 +0000 Subject: [PATCH] update rc-tooltip --- packages/grafana-ui/package.json | 2 +- .../src/components/Slider/HandleTooltip.tsx | 11 +++- yarn.lock | 63 +++++++++++++------ 3 files changed, 54 insertions(+), 22 deletions(-) diff --git a/packages/grafana-ui/package.json b/packages/grafana-ui/package.json index c10b9126a2b..becd1c80c2a 100644 --- a/packages/grafana-ui/package.json +++ b/packages/grafana-ui/package.json @@ -77,6 +77,7 @@ "@popperjs/core": "2.11.8", "@rc-component/drawer": "1.3.0", "@rc-component/slider": "1.0.1", + "@rc-component/tooltip": "1.4.0", "@react-aria/dialog": "3.5.31", "@react-aria/focus": "3.21.2", "@react-aria/overlays": "3.30.0", @@ -105,7 +106,6 @@ "prismjs": "1.30.0", "rc-cascader": "3.34.0", "rc-picker": "4.11.3", - "rc-tooltip": "6.4.0", "react-calendar": "^6.0.0", "react-colorful": "5.6.1", "react-custom-scrollbars-2": "4.5.0", diff --git a/packages/grafana-ui/src/components/Slider/HandleTooltip.tsx b/packages/grafana-ui/src/components/Slider/HandleTooltip.tsx index 9bdcc4d6952..3c27e29246e 100644 --- a/packages/grafana-ui/src/components/Slider/HandleTooltip.tsx +++ b/packages/grafana-ui/src/components/Slider/HandleTooltip.tsx @@ -1,5 +1,5 @@ import { css } from '@emotion/css'; -import Tooltip, { TooltipRef } from 'rc-tooltip'; +import Tooltip, { TooltipRef } from '@rc-component/tooltip'; import { useEffect, useRef } from 'react'; import * as React from 'react'; @@ -44,10 +44,12 @@ const HandleTooltip = (props: { return ( { padding: 3, zIndex: theme.zIndex.tooltip, }), + container: css({ + minHeight: 'auto', + }), }; }; diff --git a/yarn.lock b/yarn.lock index 8485888e66d..23632c6244b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1473,7 +1473,7 @@ __metadata: languageName: node linkType: hard -"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.0, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.20.7, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.5, @babel/runtime@npm:^7.24.7, @babel/runtime@npm:^7.25.0, @babel/runtime@npm:^7.25.6, @babel/runtime@npm:^7.25.7, @babel/runtime@npm:^7.26.10, @babel/runtime@npm:^7.26.7, @babel/runtime@npm:^7.27.0, @babel/runtime@npm:^7.27.6, @babel/runtime@npm:^7.28.4, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.7": +"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.11.1, @babel/runtime@npm:^7.12.0, @babel/runtime@npm:^7.12.1, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.0, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.0, @babel/runtime@npm:^7.20.7, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.5, @babel/runtime@npm:^7.24.7, @babel/runtime@npm:^7.25.0, @babel/runtime@npm:^7.25.6, @babel/runtime@npm:^7.25.7, @babel/runtime@npm:^7.26.10, @babel/runtime@npm:^7.26.7, @babel/runtime@npm:^7.27.0, @babel/runtime@npm:^7.27.6, @babel/runtime@npm:^7.28.4, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.7": version: 7.28.4 resolution: "@babel/runtime@npm:7.28.4" checksum: 10/6c9a70452322ea80b3c9b2a412bcf60771819213a67576c8cec41e88a95bb7bf01fc983754cda35dc19603eef52df22203ccbf7777b9d6316932f9fb77c25163 @@ -3784,6 +3784,7 @@ __metadata: "@popperjs/core": "npm:2.11.8" "@rc-component/drawer": "npm:1.3.0" "@rc-component/slider": "npm:1.0.1" + "@rc-component/tooltip": "npm:1.4.0" "@react-aria/dialog": "npm:3.5.31" "@react-aria/focus": "npm:3.21.2" "@react-aria/overlays": "npm:3.30.0" @@ -3866,7 +3867,6 @@ __metadata: process: "npm:^0.11.10" rc-cascader: "npm:3.34.0" rc-picker: "npm:4.11.3" - rc-tooltip: "npm:6.4.0" react: "npm:18.3.1" react-calendar: "npm:^6.0.0" react-colorful: "npm:5.6.1" @@ -6844,6 +6844,18 @@ __metadata: languageName: node linkType: hard +"@rc-component/resize-observer@npm:^1.0.0": + version: 1.0.1 + resolution: "@rc-component/resize-observer@npm:1.0.1" + dependencies: + "@rc-component/util": "npm:^1.2.0" + peerDependencies: + react: ">=16.9.0" + react-dom: ">=16.9.0" + checksum: 10/a6d12d72c0e029f7599955e66cba041b21fe23965e02b289b6f5bef1ad24e5fe2eb18c7f5255ad87cc2e658a7c8a5daa30417992e08d5d7442dc8bcdc81772e6 + languageName: node + linkType: hard + "@rc-component/slider@npm:1.0.1": version: 1.0.1 resolution: "@rc-component/slider@npm:1.0.1" @@ -6857,6 +6869,20 @@ __metadata: languageName: node linkType: hard +"@rc-component/tooltip@npm:1.4.0": + version: 1.4.0 + resolution: "@rc-component/tooltip@npm:1.4.0" + dependencies: + "@rc-component/trigger": "npm:^3.7.1" + "@rc-component/util": "npm:^1.3.0" + clsx: "npm:^2.1.1" + peerDependencies: + react: ">=18.0.0" + react-dom: ">=18.0.0" + checksum: 10/2e81bc4b15afaef66f7c7ad4cf1b21cf900ea221bbfc78995a3bea7da33491654ab7f2368ae9b39d9a3d14cfeb7639420506cdbd642c7539b43ad1021c72f8ee + languageName: node + linkType: hard + "@rc-component/trigger@npm:^2.0.0, @rc-component/trigger@npm:^2.1.1": version: 2.2.0 resolution: "@rc-component/trigger@npm:2.2.0" @@ -6874,6 +6900,22 @@ __metadata: languageName: node linkType: hard +"@rc-component/trigger@npm:^3.7.1": + version: 3.7.1 + resolution: "@rc-component/trigger@npm:3.7.1" + dependencies: + "@rc-component/motion": "npm:^1.1.4" + "@rc-component/portal": "npm:^2.0.0" + "@rc-component/resize-observer": "npm:^1.0.0" + "@rc-component/util": "npm:^1.2.1" + clsx: "npm:^2.1.1" + peerDependencies: + react: ">=18.0.0" + react-dom: ">=18.0.0" + checksum: 10/d788d03b4525dc1f4ab4f9797995e4b4041ee24e6fc5d12b3f9308560228c18823ccdacee0efd3f0399bf7bf0318afccfd7d3b899e29a7d44c4fe4086f2e31cd + languageName: node + linkType: hard + "@rc-component/util@npm:^1.2.0, @rc-component/util@npm:^1.2.1, @rc-component/util@npm:^1.3.0": version: 1.4.0 resolution: "@rc-component/util@npm:1.4.0" @@ -28098,21 +28140,6 @@ __metadata: languageName: node linkType: hard -"rc-tooltip@npm:6.4.0": - version: 6.4.0 - resolution: "rc-tooltip@npm:6.4.0" - dependencies: - "@babel/runtime": "npm:^7.11.2" - "@rc-component/trigger": "npm:^2.0.0" - classnames: "npm:^2.3.1" - rc-util: "npm:^5.44.3" - peerDependencies: - react: ">=16.9.0" - react-dom: ">=16.9.0" - checksum: 10/3d0502136f352fda261827974aa08c46d7ace4b7b246940cecea87fe6a1a7c360f0897c233be7ea8aeddcb1aef4e20fdac081356e8dfdf0e4c176a56b5bbc79b - languageName: node - linkType: hard - "rc-tree@npm:5.13.1, rc-tree@npm:~5.13.0": version: 5.13.1 resolution: "rc-tree@npm:5.13.1" @@ -28129,7 +28156,7 @@ __metadata: languageName: node linkType: hard -"rc-util@npm:^5.15.0, rc-util@npm:^5.16.1, rc-util@npm:^5.21.0, rc-util@npm:^5.24.4, rc-util@npm:^5.37.0, rc-util@npm:^5.38.0, rc-util@npm:^5.43.0, rc-util@npm:^5.44.1, rc-util@npm:^5.44.3": +"rc-util@npm:^5.15.0, rc-util@npm:^5.16.1, rc-util@npm:^5.21.0, rc-util@npm:^5.24.4, rc-util@npm:^5.37.0, rc-util@npm:^5.38.0, rc-util@npm:^5.43.0, rc-util@npm:^5.44.1": version: 5.44.3 resolution: "rc-util@npm:5.44.3" dependencies: