UNPKG

@reactflow/minimap

Version:

Minimap component for React Flow.

43 lines 1.68 kB
import type { ComponentType, CSSProperties, HTMLAttributes, MouseEvent } from 'react'; import type { Node, PanelPosition, XYPosition } from '@reactflow/core'; export type GetMiniMapNodeAttribute<NodeData = any> = (node: Node<NodeData>) => string; export type MiniMapProps<NodeData = any> = Omit<HTMLAttributes<SVGSVGElement>, 'onClick'> & { nodeColor?: string | GetMiniMapNodeAttribute<NodeData>; nodeStrokeColor?: string | GetMiniMapNodeAttribute<NodeData>; nodeClassName?: string | GetMiniMapNodeAttribute<NodeData>; nodeBorderRadius?: number; nodeStrokeWidth?: number; nodeComponent?: ComponentType<MiniMapNodeProps>; maskColor?: string; maskStrokeColor?: string; maskStrokeWidth?: number; position?: PanelPosition; onClick?: (event: MouseEvent, position: XYPosition) => void; onNodeClick?: (event: MouseEvent, node: Node<NodeData>) => void; pannable?: boolean; zoomable?: boolean; ariaLabel?: string | null; inversePan?: boolean; zoomStep?: number; offsetScale?: number; }; export type MiniMapNodes = Pick<MiniMapProps, 'nodeColor' | 'nodeStrokeColor' | 'nodeClassName' | 'nodeBorderRadius' | 'nodeStrokeWidth' | 'nodeComponent'> & { onClick?: (event: MouseEvent, nodeId: string) => void; }; export type MiniMapNodeProps = { id: string; x: number; y: number; width: number; height: number; borderRadius: number; className: string; color: string; shapeRendering: string; strokeColor: string; strokeWidth: number; selected?: boolean; style?: CSSProperties; onClick?: (event: MouseEvent, id: string) => void; }; //# sourceMappingURL=types.d.ts.map