@helpscout/artboard/dist/SizeInspector/SizeInspector.d.ts

A tool kit for React UI development and design

import * as React from 'react';
export interface Props {
    color: string;
    offsetColor: string;
    showOutlines: boolean;
    targetSelector: string;
    zoomLevel: number;
}
export declare class SizeInspector extends React.PureComponent<Props> {
    static defaultProps: {
        color: string;
        offsetColor: string;
        targetSelector: string;
        showOutlines: boolean;
        zoomLevel: number;
    };
    node: HTMLDivElement;
    currentNode?: HTMLElement;
    sizeNode?: HTMLElement;
    componentDidMount(): void;
    componentWillUnmount(): void;
    componentDidUpdate(): void;
    bindEvents: () => void;
    unbindEvents: () => void;
    cleanUp: () => void;
    handleOnMouseEnter: (event: any) => void;
    handleOnMouseLeave: (event: any) => void;
    showSizeNode: (event: any) => void;
    addSizeNode: (event: any) => void;
    removeSizeNode: () => void;
    createSizeNode: (targetNode: HTMLElement) => HTMLElement;
    setNodeRef: (node: any) => any;
    render(): JSX.Element;
}
export declare function setNodeStyles(node: HTMLElement, styles: Object): HTMLElement;
export default SizeInspector;