@khanacademy/perseus 54.1.0 → 55.0.0

package/dist/components/tooltip.d.ts

@@ -1,85 +0,0 @@
-import * as React from "react";
-export declare enum HorizontalDirection {
-    Left = "left",
-    Right = "right"
-}
-export declare enum VerticalDirection {
-    Top = "top",
-    Bottom = "bottom"
-}
-type Props = {
-    show: boolean;
-    className: string;
-    arrowSize: number;
-    borderColor: string;
-    verticalPosition: VerticalDirection;
-    horizontalPosition: HorizontalDirection;
-    horizontalAlign: HorizontalDirection.Left;
-    children: React.ReactNode;
-    targetContainerStyle: any;
-};
-type DefaultProps = {
-    className: Props["className"];
-    arrowSize: Props["arrowSize"];
-    borderColor: Props["borderColor"];
-    verticalPosition: Props["verticalPosition"];
-    horizontalPosition: Props["horizontalPosition"];
-    horizontalAlign: Props["horizontalAlign"];
-    targetContainerStyle: Props["targetContainerStyle"];
-};
-type State = {
-    height: number | null;
-};
-/**
- * DEPRECATED! Use Wonder Blocks tooltip instead.
- *
- * A generic tooltip library for React.js
- *
- * ```
- * import Tooltip from "./tooltip";
- * <Tooltip
- *     className="class-for-tooltip-contents"
- *     horizontalPosition={HoriziontalDirection.Left}
- *     horizontalAlign={HoriziontalDirection.Left}
- *     verticalPosition={VerticalDirection.Top}
- *     arrowSize={10} // arrow size in pixels
- *     borderColor="#ccc" // color of the border for the tooltip
- *     show={true} // whether the tooltip should currently be visible
- *     targetContainerStyle={targetContainerStyle}
- * >
- *     <TargetElementOfTheTooltip />
- *     <TooltipContents1 />
- *     <TooltipContents2 />
- * </Tooltip>
- * ```
- *
- * To show/hide the tooltip, the parent component should call the
- * `.show()` and `.hide()` methods of the tooltip when appropriate.
- * (These are usually set up as handlers of events on the target element.)
- *
- * Notes:
- *     `className` should not specify a border; that is handled by `borderColor`
- *     so that the arrow and tooltip match
- *
- * ```
- *          __,,--``\\
- *  _,,-''``         \\     ,
- * '----------_.------'-.___|\__
- *    _.--''``    `)__   )__   @\__
- *   (  .. ''---/___,,E/__,E'------`
- *    `-''`''
- * Here be dragons.
- * ```
- */
-declare class Tooltip extends React.Component<Props, State> {
-    tooltipContainerRef: React.RefObject<HTMLDivElement>;
-    static defaultProps: DefaultProps;
-    state: State;
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(): void;
-    componentDidUpdate(): void;
-    _renderToolTipDiv(isTooltipAbove?: boolean): React.JSX.Element;
-    _updateHeight(): void;
-    render(): React.JSX.Element;
-}
-export default Tooltip;