diff --git a/package.json b/package.json index aac0b268f94..6600fe92341 100644 --- a/package.json +++ b/package.json @@ -318,6 +318,8 @@ "@opentelemetry/exporter-collector": "0.25.0", "@opentelemetry/semantic-conventions": "1.38.0", "@popperjs/core": "2.11.8", + "@rc-component/slider": "1.0.1", + "@rc-component/tree": "1.1.0", "@react-aria/dialog": "3.5.31", "@react-aria/focus": "3.21.2", "@react-aria/overlays": "3.30.0", @@ -386,8 +388,6 @@ "ol-mapbox-style": "^13.0.1", "pluralize": "^8.0.0", "prismjs": "1.30.0", - "rc-slider": "11.1.9", - "rc-tree": "5.13.1", "re-resizable": "6.11.2", "react": "19.2.0", "react-diff-viewer-continued": "^3.4.0", diff --git a/packages/grafana-ui/package.json b/packages/grafana-ui/package.json index 635bdfef340..6658289691f 100644 --- a/packages/grafana-ui/package.json +++ b/packages/grafana-ui/package.json @@ -76,6 +76,10 @@ "@monaco-editor/react": "4.7.0", "@popperjs/core": "2.11.8", "@rc-component/cascader": "1.9.0", + "@rc-component/drawer": "1.3.0", + "@rc-component/picker": "1.7.1", + "@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", @@ -102,10 +106,6 @@ "monaco-editor": "0.34.1", "ol": "10.7.0", "prismjs": "1.30.0", - "rc-drawer": "7.3.0", - "rc-picker": "4.11.3", - "rc-slider": "11.1.9", - "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/DateTimePickers/TimeOfDayPicker.tsx b/packages/grafana-ui/src/components/DateTimePickers/TimeOfDayPicker.tsx index 0f1ec87bd0b..a24fdf030e7 100644 --- a/packages/grafana-ui/src/components/DateTimePickers/TimeOfDayPicker.tsx +++ b/packages/grafana-ui/src/components/DateTimePickers/TimeOfDayPicker.tsx @@ -1,8 +1,8 @@ import { css, cx } from '@emotion/css'; +import RcPicker, { PickerProps } from '@rc-component/picker'; +import generateConfig from '@rc-component/picker/lib/generate/moment'; +import locale from '@rc-component/picker/lib/locale/en_US'; import { Moment } from 'moment'; -import RcPicker, { PickerProps } from 'rc-picker'; -import generateConfig from 'rc-picker/lib/generate/moment'; -import locale from 'rc-picker/lib/locale/en_US'; import { dateTime, DateTime, dateTimeAsMoment, GrafanaTheme2, isDateTimeInput } from '@grafana/data'; @@ -11,7 +11,7 @@ import { getFocusStyles } from '../../themes/mixins'; import { inputSizes } from '../Forms/commonStyles'; import { FormInputSize } from '../Forms/types'; import { Icon } from '../Icon/Icon'; -import 'rc-picker/assets/index.css'; +import '@rc-component/picker/assets/index.css'; interface BaseProps { onChange: (value: DateTime) => void | ((value?: DateTime) => void); @@ -74,7 +74,9 @@ export const TimeOfDayPicker = ({ } className={cx(inputSizes()[size], styles.input)} classNames={{ - popup: cx(styles.picker, POPUP_CLASS_NAME), + popup: { + container: cx(styles.picker, POPUP_CLASS_NAME), + }, }} defaultValue={restProps.allowEmpty ? undefined : dateTimeAsMoment()} disabled={disabled} diff --git a/packages/grafana-ui/src/components/Drawer/Drawer.tsx b/packages/grafana-ui/src/components/Drawer/Drawer.tsx index b7ee0252bfc..00039adfc3f 100644 --- a/packages/grafana-ui/src/components/Drawer/Drawer.tsx +++ b/packages/grafana-ui/src/components/Drawer/Drawer.tsx @@ -1,8 +1,8 @@ import { css, cx } from '@emotion/css'; +import RcDrawer from '@rc-component/drawer'; import { useDialog } from '@react-aria/dialog'; import { FocusScope } from '@react-aria/focus'; import { useOverlay } from '@react-aria/overlays'; -import RcDrawer from 'rc-drawer'; import { ReactNode, useCallback, useEffect, useState } from 'react'; import * as React from 'react'; @@ -17,8 +17,6 @@ import { Stack } from '../Layout/Stack/Stack'; import { ScrollContainer } from '../ScrollContainer/ScrollContainer'; import { Text } from '../Text/Text'; -import 'rc-drawer/assets/index.css'; - export interface Props { children: ReactNode; /** Title shown at the top of the drawer */ @@ -264,23 +262,28 @@ const getStyles = (theme: GrafanaTheme2) => { position: 'relative', }), drawer: css({ - top: 0, + inset: 0, + position: 'fixed', + zIndex: theme.zIndex.modalBackdrop, + pointerEvents: 'none', '.rc-drawer-content-wrapper': { boxShadow: theme.shadows.z3, }, }), drawerContent: css({ - backgroundColor: `${theme.colors.background.primary} !important`, + backgroundColor: theme.colors.background.primary, display: 'flex', - overflow: 'unset !important', flexDirection: 'column', + height: '100%', + pointerEvents: 'auto', + width: '100%', }), drawerMotion: css({ '&-appear': { [theme.transitions.handleMotion('no-preference')]: { transform: 'translateX(100%)', - transition: 'none !important', + transition: 'none', }, [theme.transitions.handleMotion('reduce')]: { opacity: 0, @@ -288,7 +291,7 @@ const getStyles = (theme: GrafanaTheme2) => { '&-active': { [theme.transitions.handleMotion('no-preference')]: { transform: 'translateX(0)', - transition: `${theme.transitions.create('transform')} !important`, + transition: theme.transitions.create('transform'), }, [theme.transitions.handleMotion('reduce')]: { transition: `opacity 0.2s ease-in-out`, @@ -302,13 +305,13 @@ const getStyles = (theme: GrafanaTheme2) => { // but we don't want the backdrop styling to apply over the top bar as it looks weird // instead have a child pseudo element to apply the backdrop styling below the top bar mask: css({ - // The !important here is to override the default .rc-drawer-mask styles - backgroundColor: 'transparent !important', - // eslint-disable-next-line @typescript-eslint/consistent-type-assertions - position: 'fixed !important' as 'fixed', + inset: 0, + pointerEvents: 'auto', + position: 'fixed', + zIndex: theme.zIndex.modalBackdrop, '&:before': { - backgroundColor: `${theme.components.overlay.background} !important`, + backgroundColor: theme.components.overlay.background, bottom: 0, content: '""', left: 0, @@ -370,8 +373,12 @@ const getStyles = (theme: GrafanaTheme2) => { function getWrapperStyles(theme: GrafanaTheme2, size: 'sm' | 'md' | 'lg') { return css({ + bottom: 0, label: `drawer-content-wrapper-${size}`, - overflow: 'unset !important', + position: 'absolute', + right: 0, + top: 0, + zIndex: theme.zIndex.modalBackdrop, [theme.breakpoints.down('md')]: { width: `calc(100% - ${theme.spacing(2)}) !important`, 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/packages/grafana-ui/src/components/Slider/RangeSlider.tsx b/packages/grafana-ui/src/components/Slider/RangeSlider.tsx index 6b791fd7211..9dacf6c4747 100644 --- a/packages/grafana-ui/src/components/Slider/RangeSlider.tsx +++ b/packages/grafana-ui/src/components/Slider/RangeSlider.tsx @@ -1,6 +1,6 @@ import { cx } from '@emotion/css'; import { Global } from '@emotion/react'; -import Slider, { SliderProps } from 'rc-slider'; +import Slider, { SliderProps } from '@rc-component/slider'; import { useCallback } from 'react'; import { t } from '@grafana/i18n'; diff --git a/packages/grafana-ui/src/components/Slider/Slider.tsx b/packages/grafana-ui/src/components/Slider/Slider.tsx index 9458b500532..df3fe571bfe 100644 --- a/packages/grafana-ui/src/components/Slider/Slider.tsx +++ b/packages/grafana-ui/src/components/Slider/Slider.tsx @@ -1,6 +1,6 @@ import { cx } from '@emotion/css'; import { Global } from '@emotion/react'; -import SliderComponent from 'rc-slider'; +import SliderComponent from '@rc-component/slider'; import { useState, useCallback, ChangeEvent, FocusEvent, useEffect } from 'react'; import { usePrevious } from 'react-use'; diff --git a/packages/grafana-ui/src/components/Slider/styles.ts b/packages/grafana-ui/src/components/Slider/styles.ts index dc2f060abae..3095372f6fa 100644 --- a/packages/grafana-ui/src/components/Slider/styles.ts +++ b/packages/grafana-ui/src/components/Slider/styles.ts @@ -3,7 +3,7 @@ import { css as cssCore } from '@emotion/react'; import { GrafanaTheme2 } from '@grafana/data'; -import 'rc-slider/assets/index.css'; +import '@rc-component/slider/assets/index.css'; export const getStyles = (theme: GrafanaTheme2, isHorizontal: boolean, hasMarks = false) => { const { spacing } = theme; diff --git a/public/app/core/components/OptionsUI/slider.tsx b/public/app/core/components/OptionsUI/slider.tsx index 01835ea9a38..7c42b7802c0 100644 --- a/public/app/core/components/OptionsUI/slider.tsx +++ b/public/app/core/components/OptionsUI/slider.tsx @@ -1,6 +1,6 @@ import { css, cx } from '@emotion/css'; import { Global } from '@emotion/react'; -import Slider from 'rc-slider'; +import Slider from '@rc-component/slider'; import { useCallback, useEffect, useRef, useState } from 'react'; import { StandardEditorProps, GrafanaTheme2, SliderFieldConfigSettings } from '@grafana/data'; diff --git a/public/app/plugins/panel/canvas/editor/layer/TreeNavigationEditor.tsx b/public/app/plugins/panel/canvas/editor/layer/TreeNavigationEditor.tsx index 0ac11d42758..1117a684ac1 100644 --- a/public/app/plugins/panel/canvas/editor/layer/TreeNavigationEditor.tsx +++ b/public/app/plugins/panel/canvas/editor/layer/TreeNavigationEditor.tsx @@ -1,6 +1,6 @@ import { css } from '@emotion/css'; import { Global } from '@emotion/react'; -import Tree, { TreeNodeProps } from 'rc-tree'; +import Tree, { TreeNodeProps } from '@rc-component/tree'; import { Key, useEffect, useMemo, useState } from 'react'; import { GrafanaTheme2, StandardEditorProps } from '@grafana/data'; diff --git a/yarn.lock b/yarn.lock index 62b379ecb49..9e80934b902 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.23.9, @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.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.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.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.25.0, @babel/runtime@npm:^7.25.6, @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 @@ -3783,6 +3783,10 @@ __metadata: "@monaco-editor/react": "npm:4.7.0" "@popperjs/core": "npm:2.11.8" "@rc-component/cascader": "npm:1.9.0" + "@rc-component/drawer": "npm:1.3.0" + "@rc-component/picker": "npm:1.7.1" + "@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" @@ -3863,10 +3867,6 @@ __metadata: ol: "npm:10.7.0" prismjs: "npm:1.30.0" process: "npm:^0.11.10" - rc-drawer: "npm:7.3.0" - rc-picker: "npm:4.11.3" - rc-slider: "npm:11.1.9" - rc-tooltip: "npm:6.4.0" react: "npm:19.2.0" react-calendar: "npm:^6.0.0" react-colorful: "npm:5.6.1" @@ -6804,6 +6804,21 @@ __metadata: languageName: node linkType: hard +"@rc-component/drawer@npm:1.3.0": + version: 1.3.0 + resolution: "@rc-component/drawer@npm:1.3.0" + dependencies: + "@rc-component/motion": "npm:^1.1.4" + "@rc-component/portal": "npm:^2.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/55bd6e2aac3d0bbe04f9e79c5cf60bbb3291a32eeaf9e2cbcad7ec360543d5c44efdc8f0d49ba420f05c11866c7b263029c60ecab8bbce5fcab860e552a13e1a + languageName: node + linkType: hard + "@rc-component/motion@npm:^1.0.0, @rc-component/motion@npm:^1.1.4": version: 1.1.5 resolution: "@rc-component/motion@npm:1.1.5" @@ -6832,17 +6847,32 @@ __metadata: languageName: node linkType: hard -"@rc-component/portal@npm:^1.1.0, @rc-component/portal@npm:^1.1.1": - version: 1.1.1 - resolution: "@rc-component/portal@npm:1.1.1" +"@rc-component/picker@npm:1.7.1": + version: 1.7.1 + resolution: "@rc-component/picker@npm:1.7.1" dependencies: - "@babel/runtime": "npm:^7.18.0" - classnames: "npm:^2.3.2" - rc-util: "npm:^5.24.4" + "@rc-component/resize-observer": "npm:^1.0.0" + "@rc-component/trigger": "npm:^3.6.15" + "@rc-component/util": "npm:^1.3.0" + clsx: "npm:^2.1.1" + rc-overflow: "npm:^1.3.2" peerDependencies: + date-fns: ">= 2.x" + dayjs: ">= 1.x" + luxon: ">= 3.x" + moment: ">= 2.x" react: ">=16.9.0" react-dom: ">=16.9.0" - checksum: 10/def7394572e0dd35226139414e97203e90ef324c0d5e28eef236f5416bc7e94f1e77213dc866db5dd5c2cde048f6ae13d7ba1ced9e60c85ea6317f9eceb9421d + peerDependenciesMeta: + date-fns: + optional: true + dayjs: + optional: true + luxon: + optional: true + moment: + optional: true + checksum: 10/dd52cc7492071b5f609d712db2c66a9b4a807112d1bcad4561ad385f7597bb853b79263dc863416fa70f91da6c2c7e1b738fd649487a1e3783f1b6f96c0b8073 languageName: node linkType: hard @@ -6887,7 +6917,34 @@ __metadata: languageName: node linkType: hard -"@rc-component/tree@npm:~1.1.0": +"@rc-component/slider@npm:1.0.1": + version: 1.0.1 + resolution: "@rc-component/slider@npm:1.0.1" + dependencies: + "@rc-component/util": "npm:^1.3.0" + clsx: "npm:^2.1.1" + peerDependencies: + react: ">=16.9.0" + react-dom: ">=16.9.0" + checksum: 10/23ee6d696e7e60fa0d707ef0d58aba7892e4e3630b0f466b4ffda374210be0cd2e63fff034fcfcf11f72c03d4a4e980560ab5be3807f441cf8e20280793ba33e + 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/tree@npm:1.1.0, @rc-component/tree@npm:~1.1.0": version: 1.1.0 resolution: "@rc-component/tree@npm:1.1.0" dependencies: @@ -6902,24 +6959,7 @@ __metadata: languageName: node linkType: hard -"@rc-component/trigger@npm:^2.0.0": - version: 2.2.0 - resolution: "@rc-component/trigger@npm:2.2.0" - dependencies: - "@babel/runtime": "npm:^7.23.2" - "@rc-component/portal": "npm:^1.1.0" - classnames: "npm:^2.3.2" - rc-motion: "npm:^2.0.0" - rc-resize-observer: "npm:^1.3.1" - rc-util: "npm:^5.38.0" - peerDependencies: - react: ">=16.9.0" - react-dom: ">=16.9.0" - checksum: 10/59eb5f85d72c22868ee6c894238448dae22d2f345e27c26d9fabd02ea1d5d27b89ac6984e1c1b73097df246098f96201a0336c954642adcb453a8f30b8321f96 - languageName: node - linkType: hard - -"@rc-component/trigger@npm:^3.0.0": +"@rc-component/trigger@npm:^3.0.0, @rc-component/trigger@npm:^3.6.15, @rc-component/trigger@npm:^3.7.1": version: 3.7.1 resolution: "@rc-component/trigger@npm:3.7.1" dependencies: @@ -10753,13 +10793,6 @@ __metadata: languageName: node linkType: hard -"@types/prop-types@npm:*": - version: 15.7.4 - resolution: "@types/prop-types@npm:15.7.4" - checksum: 10/ef6e1899e59b876c273811b1bd845022fc66d5a3d11cb38a25b6c566b30514ae38fe20a40f67622f362a4f4f7f9224e22d8da101cff3d6e97e11d7b4c307cfc1 - languageName: node - linkType: hard - "@types/ramda@npm:~0.30.0": version: 0.30.1 resolution: "@types/ramda@npm:0.30.1" @@ -10787,16 +10820,7 @@ __metadata: languageName: node linkType: hard -"@types/react-dom@npm:*": - version: 18.3.5 - resolution: "@types/react-dom@npm:18.3.5" - peerDependencies: - "@types/react": ^18.0.0 - checksum: 10/02095b326f373867498e0eb2b5ebb60f9bd9535db0d757ea13504c4b7d75e16605cf1d43ce7a2e67893d177b51db4357cabb2842fb4257c49427d02da1a14e09 - languageName: node - linkType: hard - -"@types/react-dom@npm:19.2.3": +"@types/react-dom@npm:*, @types/react-dom@npm:19.2.3": version: 19.2.3 resolution: "@types/react-dom@npm:19.2.3" peerDependencies: @@ -10899,17 +10923,7 @@ __metadata: languageName: node linkType: hard -"@types/react@npm:*": - version: 18.3.18 - resolution: "@types/react@npm:18.3.18" - dependencies: - "@types/prop-types": "npm:*" - csstype: "npm:^3.0.2" - checksum: 10/7fdd8b853e0d291d4138133f93f8d5c333da918e5804afcea61a923aab4bdfc9bb15eb21a5640959b452972b8715ddf10ffb12b3bd071898b9e37738636463f2 - languageName: node - linkType: hard - -"@types/react@npm:19.2.7": +"@types/react@npm:*, @types/react@npm:19.2.7": version: 19.2.7 resolution: "@types/react@npm:19.2.7" dependencies: @@ -13958,7 +13972,7 @@ __metadata: languageName: node linkType: hard -"classnames@npm:2.5.1, classnames@npm:2.x, classnames@npm:^2.2.1, classnames@npm:^2.2.5, classnames@npm:^2.2.6, classnames@npm:^2.3.1, classnames@npm:^2.3.2, classnames@npm:^2.5.1": +"classnames@npm:2.5.1, classnames@npm:^2.2.1, classnames@npm:^2.2.5, classnames@npm:^2.3.1, classnames@npm:^2.3.2, classnames@npm:^2.5.1": version: 2.5.1 resolution: "classnames@npm:2.5.1" checksum: 10/58eb394e8817021b153bb6e7d782cfb667e4ab390cb2e9dac2fc7c6b979d1cc2b2a733093955fc5c94aa79ef5c8c89f11ab77780894509be6afbb91dddd79d15 @@ -15246,14 +15260,14 @@ __metadata: languageName: node linkType: hard -"csstype@npm:3.1.3, csstype@npm:^3.0.2, csstype@npm:^3.1.2": +"csstype@npm:3.1.3": version: 3.1.3 resolution: "csstype@npm:3.1.3" checksum: 10/f593cce41ff5ade23f44e77521e3a1bcc2c64107041e1bf6c3c32adc5187d0d60983292fda326154d20b01079e24931aa5b08e4467cc488b60bb1e7f6d478ade languageName: node linkType: hard -"csstype@npm:^3.2.2": +"csstype@npm:^3.0.2, csstype@npm:^3.1.2, csstype@npm:^3.2.2": version: 3.2.3 resolution: "csstype@npm:3.2.3" checksum: 10/ad41baf7e2ffac65ab544d79107bf7cd1a4bb9bab9ac3302f59ab4ba655d5e30942a8ae46e10ba160c6f4ecea464cc95b975ca2fefbdeeacd6ac63f12f99fe1f @@ -19430,6 +19444,8 @@ __metadata: "@playwright/test": "npm:1.56.1" "@pmmmwh/react-refresh-webpack-plugin": "npm:0.6.1" "@popperjs/core": "npm:2.11.8" + "@rc-component/slider": "npm:1.0.1" + "@rc-component/tree": "npm:1.1.0" "@react-aria/dialog": "npm:3.5.31" "@react-aria/focus": "npm:3.21.2" "@react-aria/overlays": "npm:3.30.0" @@ -19640,8 +19656,6 @@ __metadata: prismjs: "npm:1.30.0" prom-client: "npm:^15.1.3" publint: "npm:^0.3.12" - rc-slider: "npm:11.1.9" - rc-tree: "npm:5.13.1" re-resizable: "npm:6.11.2" react: "npm:19.2.0" react-diff-viewer-continued: "npm:^3.4.0" @@ -28091,36 +28105,6 @@ __metadata: languageName: node linkType: hard -"rc-drawer@npm:7.3.0": - version: 7.3.0 - resolution: "rc-drawer@npm:7.3.0" - dependencies: - "@babel/runtime": "npm:^7.23.9" - "@rc-component/portal": "npm:^1.1.1" - classnames: "npm:^2.2.6" - rc-motion: "npm:^2.6.1" - rc-util: "npm:^5.38.1" - peerDependencies: - react: ">=16.9.0" - react-dom: ">=16.9.0" - checksum: 10/99dd1dd51abd21ae1b7b12a1f32a1509fac5d1d9e4719b77e5354cae98fe14fb21dde382c9552cdb21fba07505d3bfbab490b04fb97df709f4efe0b352f129e1 - languageName: node - linkType: hard - -"rc-motion@npm:^2.0.0, rc-motion@npm:^2.0.1, rc-motion@npm:^2.6.1": - version: 2.6.2 - resolution: "rc-motion@npm:2.6.2" - dependencies: - "@babel/runtime": "npm:^7.11.1" - classnames: "npm:^2.2.1" - rc-util: "npm:^5.21.0" - peerDependencies: - react: ">=16.9.0" - react-dom: ">=16.9.0" - checksum: 10/a0266569aab9fe3b72e7c17a0b838afe62fe90a0bea5dbea2a667a0a33025dc3c24bd252a720154148f2424d96de0f51e0334d09f9429df2466f31542dacb061 - languageName: node - linkType: hard - "rc-overflow@npm:^1.3.2": version: 1.5.0 resolution: "rc-overflow@npm:1.5.0" @@ -28136,37 +28120,7 @@ __metadata: languageName: node linkType: hard -"rc-picker@npm:4.11.3": - version: 4.11.3 - resolution: "rc-picker@npm:4.11.3" - dependencies: - "@babel/runtime": "npm:^7.24.7" - "@rc-component/trigger": "npm:^2.0.0" - classnames: "npm:^2.2.1" - rc-overflow: "npm:^1.3.2" - rc-resize-observer: "npm:^1.4.0" - rc-util: "npm:^5.43.0" - peerDependencies: - date-fns: ">= 2.x" - dayjs: ">= 1.x" - luxon: ">= 3.x" - moment: ">= 2.x" - react: ">=16.9.0" - react-dom: ">=16.9.0" - peerDependenciesMeta: - date-fns: - optional: true - dayjs: - optional: true - luxon: - optional: true - moment: - optional: true - checksum: 10/e1e3236338e2ff0d0fa6fcde568457f7dd6ad13a88d870db8fca1de39f452463c26be71a565c1ee7557a2a109bb4737816b8a729f404169403daec8f8a014fff - languageName: node - linkType: hard - -"rc-resize-observer@npm:^1.0.0, rc-resize-observer@npm:^1.3.1, rc-resize-observer@npm:^1.4.0": +"rc-resize-observer@npm:^1.0.0": version: 1.4.3 resolution: "rc-resize-observer@npm:1.4.3" dependencies: @@ -28181,52 +28135,7 @@ __metadata: languageName: node linkType: hard -"rc-slider@npm:11.1.9": - version: 11.1.9 - resolution: "rc-slider@npm:11.1.9" - dependencies: - "@babel/runtime": "npm:^7.10.1" - classnames: "npm:^2.2.5" - rc-util: "npm:^5.36.0" - peerDependencies: - react: ">=16.9.0" - react-dom: ">=16.9.0" - checksum: 10/b9b1c5b9e690db565a09fde0d6cc9b8562cbb15dd8a0d1eb0a7039c4fcb6c4307ba1cb58047322b8be518a6eb226af9db5c7d974d6ff197fe07f0db84d56cc5e - 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": - version: 5.13.1 - resolution: "rc-tree@npm:5.13.1" - dependencies: - "@babel/runtime": "npm:^7.10.1" - classnames: "npm:2.x" - rc-motion: "npm:^2.0.1" - rc-util: "npm:^5.16.1" - rc-virtual-list: "npm:^3.5.1" - peerDependencies: - react: "*" - react-dom: "*" - checksum: 10/27d11b1bda077e14dff4dd3d17ea246145f52b4c4157a17f9a8d8c55a0e440fbf9a0eef76d07e1fdc70501b28a7d0009e08bc4594130340ee4df0978dda4820f - 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.36.0, rc-util@npm:^5.37.0, rc-util@npm:^5.38.0, rc-util@npm:^5.38.1, rc-util@npm:^5.43.0, rc-util@npm:^5.44.1, rc-util@npm:^5.44.3": +"rc-util@npm:^5.37.0, rc-util@npm:^5.44.1": version: 5.44.3 resolution: "rc-util@npm:5.44.3" dependencies: @@ -28239,21 +28148,6 @@ __metadata: languageName: node linkType: hard -"rc-virtual-list@npm:^3.5.1": - version: 3.5.3 - resolution: "rc-virtual-list@npm:3.5.3" - dependencies: - "@babel/runtime": "npm:^7.20.0" - classnames: "npm:^2.2.6" - rc-resize-observer: "npm:^1.0.0" - rc-util: "npm:^5.15.0" - peerDependencies: - react: "*" - react-dom: "*" - checksum: 10/592a4dc3ca0678c512c96ba4829b9bed945c1a0eb9e83fdfe57bb5fe2133c8adefeca38477edd88e79cb720fbfbe256a2000c4d631f7124b63c6cf7afd7bee60 - languageName: node - linkType: hard - "re-resizable@npm:6.11.2": version: 6.11.2 resolution: "re-resizable@npm:6.11.2"