@nodeject/ui-components/esm/use-panzoom/use-panzoom.d.ts

UI library for non-trivial components

import { PanZoom, PanZoomOptions } from 'panzoom';
import * as React from 'react';
/**
 * HTML / SVG panzoom React hook
 * @param panzoomOptions
 */
export declare const usePanzoom: (panzoomOptions?: PanZoomOptions) => {
    panzoomRef: React.MutableRefObject<any>;
    centerPanzoom: () => void;
    panzoom: PanZoom;
    PanzoomWrapper: React.FC<PanzoomWrapperProps>;
    pausePanzoom: () => void;
    resetPanzoom: (options?: PanZoomOptions) => void;
    resumePanzoom: () => void;
    setPan: () => void;
    setZoom: () => void;
    startPanzoom: (element: HTMLElement | SVGElement, options?: PanZoomOptions) => void;
    stopPanzoom: () => void;
    togglePauseResumePanzoom: () => void;
    toggleStartStopPanzoom: () => void;
    wrapperProps: {
        isPanzoomEnabled: boolean;
        isPanzoomPaused: boolean;
    };
};
/**
 * Gets rid of blue outline in Chrome and Firefox
 */
export interface PanzoomWrapperProps {
    className?: string;
    wrapperProps: {
        isPanzoomEnabled: boolean;
        isPanzoomPaused: boolean;
    };
    style?: React.CSSProperties;
}