DefinitelyTyped/types/react-sparklines/index.d.ts

// Type definitions for react-sparklines 1.7
// Project: https://github.com/borisyankov/react-sparklines#readme
// Definitions by: Henri Normak <https://github.com/henrinormak>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.8

import * as React from 'react';

export interface Point {
    x: number;
    y: number;
}

export interface SparklinesProps {
    data?: number[];
    limit?: number;
    width?: number;
    height?: number;
    svgWidth?: React.SVGAttributes<React.ReactSVGElement>['width'];
    svgHeight?: React.SVGAttributes<React.ReactSVGElement>['height'];
    preserveAspectRatio?: React.SVGAttributes<React.ReactSVGElement>['preserveAspectRatio'];
    margin?: number;
    min?: number;
    max?: number;
    style?: React.SVGAttributes<React.ReactSVGElement>['style'];
}
export class Sparklines extends React.PureComponent<SparklinesProps> {}

export interface SparklinesBarsProps {
    points?: Point[];
    height?: number;
    style?: React.SVGAttributes<React.ReactSVGElement>['style'];
    barWidth?: number;
    margin?: number;
    onMouseMove?: (p: Point, event: React.MouseEvent<React.ReactSVGElement>) => void;
}
export class SparklinesBars extends React.Component<SparklinesBarsProps> {}

export interface SparklinesCurveProps {
    color?: React.SVGAttributes<React.ReactSVGElement>['color'];
    style?: React.SVGAttributes<React.ReactSVGElement>['style'];
}
export class SparklinesCurve extends React.Component<SparklinesCurveProps> {}

export interface SparklinesLineProps {
    color?: React.SVGAttributes<React.ReactSVGElement>['color'];
    style?: React.SVGAttributes<React.ReactSVGElement>['style'];
    onMouseMove?: (event: 'enter' | 'click', value: number, point: Point) => void;
}
export class SparklinesLine extends React.Component<SparklinesLineProps> {}

export interface SparklinesNormalBandProps {
    style?: React.SVGAttributes<React.ReactSVGElement>['style'];
}
export class SparklinesNormalBand extends React.Component<SparklinesNormalBandProps> {}

export interface SparklinesReferenceLineProps {
    type?: 'max' | 'min' | 'mean' | 'avg' | 'median' | 'custom';
    value?: number;
    style?: React.SVGAttributes<React.ReactSVGElement>['style'];
}
export class SparklinesReferenceLine extends React.Component<SparklinesReferenceLineProps> {}

export interface SparklinesSpotsProps {
    size?: number;
    style?: React.SVGAttributes<React.ReactSVGElement>['style'];
    spotColors?: { [change: string]: string };
}
export class SparklinesSpots extends React.Component<SparklinesSpotsProps> {}

export interface SparklinesTextProps {
    text?: string;
    point?: Point;
    fontSize?: number;
    fontFamily?: string;
}
export class SparklinesText extends React.Component<SparklinesTextProps> {}