reblend-ui/esm/useRTGTransitionProps.d.ts

Utilities for creating robust overlay components

import { TransitionProps as RTGTransitionProps, TransitionStatus } from 'react-transition-group/Transition';
export type TransitionProps = RTGTransitionProps & {
    children: Reblend.ReactElement | ((status: TransitionStatus, props: Record<string, unknown>) => Reblend.ReactNode);
};
/**
 * Normalizes RTG transition callbacks with nodeRef to better support
 * strict mode.
 *
 * @param props Transition props.
 * @returns Normalized transition props.
 */
export default function useRTGTransitionProps({ onEnter, onEntering, onEntered, onExit, onExiting, onExited, addEndListener, children, ...props }: TransitionProps): {
    children: any;
    addEndListener?: ((param: any) => void) | undefined;
    onExited?: ((param: any) => void) | undefined;
    onExiting?: ((param: any) => void) | undefined;
    onExit?: ((param: any) => void) | undefined;
    onEntered?: ((param: any) => void) | undefined;
    onEntering?: ((param: any) => void) | undefined;
    onEnter?: ((param: any) => void) | undefined;
    nodeRef: import("reblend-typing").Ref<HTMLElement>;
    timeout: number | {
        appear?: number | undefined;
        enter?: number | undefined;
        exit?: number | undefined;
    };
    in?: boolean | undefined;
    mountOnEnter?: boolean | undefined;
    unmountOnExit?: boolean | undefined;
    appear?: boolean | undefined;
    enter?: boolean | undefined;
    exit?: boolean | undefined;
} | {
    children: any;
    addEndListener?: ((param: any) => void) | undefined;
    onExited?: ((param: any) => void) | undefined;
    onExiting?: ((param: any) => void) | undefined;
    onExit?: ((param: any) => void) | undefined;
    onEntered?: ((param: any) => void) | undefined;
    onEntering?: ((param: any) => void) | undefined;
    onEnter?: ((param: any) => void) | undefined;
    nodeRef: import("reblend-typing").Ref<HTMLElement>;
    timeout?: number | {
        appear?: number | undefined;
        enter?: number | undefined;
        exit?: number | undefined;
    } | undefined;
    in?: boolean | undefined;
    mountOnEnter?: boolean | undefined;
    unmountOnExit?: boolean | undefined;
    appear?: boolean | undefined;
    enter?: boolean | undefined;
    exit?: boolean | undefined;
};