Improve report

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2025-07-07 13:20:16 +01:00
parent 7acada17ea
commit 2e304598d1
3 changed files with 23 additions and 26 deletions
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/canon': minor
---
We are moving our Tooltip component to use React Aria under the hood. In doing so, the structure of the component and its prop are changing to follow the new underlining structure.
+17 -26
View File
@@ -13,7 +13,6 @@ import type { ComponentPropsWithRef } from 'react';
import { Context } from 'react';
import type { CSSProperties } from 'react';
import type { ElementType } from 'react';
import { FC } from 'react';
import { FocusEvent as FocusEvent_2 } from 'react';
import { ForwardRefExoticComponent } from 'react';
import { HTMLAttributes } from 'react';
@@ -34,7 +33,8 @@ import { Tabs as Tabs_2 } from '@base-ui-components/react/tabs';
import { TdHTMLAttributes } from 'react';
import type { TextFieldProps as TextFieldProps_2 } from 'react-aria-components';
import { ThHTMLAttributes } from 'react';
import { Tooltip as Tooltip_2 } from '@base-ui-components/react/tooltip';
import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
import { TooltipTriggerComponentProps } from 'react-aria-components';
import type { useRender } from '@base-ui-components/react/use-render';
// @public (undocumented)
@@ -533,9 +533,7 @@ export const componentDefinitions: {
};
readonly Tooltip: {
readonly classNames: {
readonly trigger: 'canon-TooltipTrigger';
readonly positioner: 'canon-TooltipPositioner';
readonly popup: 'canon-TooltipPopup';
readonly tooltip: 'canon-Tooltip';
readonly arrow: 'canon-TooltipArrow';
};
};
@@ -1736,27 +1734,20 @@ export type TextProps<T extends ElementType = 'p'> = TextOwnProps &
Omit<ComponentPropsWithRef<T>, keyof TextOwnProps>;
// @public (undocumented)
export const Tooltip: {
Provider: FC<Tooltip_2.Provider.Props>;
Root: FC<Tooltip_2.Root.Props>;
Trigger: ForwardRefExoticComponent<
Omit<Tooltip_2.Trigger.Props & RefAttributes<any>, 'ref'> &
RefAttributes<any>
>;
Portal: typeof Tooltip_2.Portal;
Positioner: ForwardRefExoticComponent<
Omit<Tooltip_2.Positioner.Props & RefAttributes<HTMLDivElement>, 'ref'> &
RefAttributes<HTMLDivElement>
>;
Popup: ForwardRefExoticComponent<
Omit<Tooltip_2.Popup.Props & RefAttributes<HTMLDivElement>, 'ref'> &
RefAttributes<HTMLDivElement>
>;
Arrow: ForwardRefExoticComponent<
Omit<Tooltip_2.Arrow.Props & RefAttributes<HTMLDivElement>, 'ref'> &
RefAttributes<HTMLDivElement>
>;
};
export const Tooltip: ForwardRefExoticComponent<
TooltipProps & RefAttributes<HTMLDivElement>
>;
// @public (undocumented)
export interface TooltipProps extends Omit<TooltipProps_2, 'children'> {
// (undocumented)
children: React.ReactNode;
}
// @public (undocumented)
export const TooltipTrigger: (
props: TooltipTriggerComponentProps,
) => JSX_2.Element;
// @public (undocumented)
export const useBreakpoint: () => {
@@ -25,6 +25,7 @@ import clsx from 'clsx';
import { TooltipProps } from './types';
import { useStyles } from '../../hooks/useStyles';
/** @public */
export const TooltipTrigger = (props: TooltipTriggerComponentProps) => {
const { delay = 600 } = props;