@rcpch/digital-growth-charts-react-component-library
Version:
A React component library for the RCPCH digital growth charts using Rollup, TypeScript and Styled-Components
48 lines (47 loc) • 1.46 kB
TypeScript
import { Measurement } from '../interfaces/RCPCHMeasurementObject';
import { MidParentalHeightObject } from '../interfaces/MidParentalHeightObject';
export type ComputedData = {
centileData: null | any[];
maxDomains: any;
computedDomains: any;
chartScaleType: 'prem' | 'infant' | 'smallChild' | 'biggerChild';
pointsForCentileLabels: {
x: number;
y: number;
centile: string;
}[];
updateCentileData: boolean;
};
export type Results = {
centileData: null | any[];
computedDomains: any;
maxDomains: any;
chartScaleType: 'prem' | 'infant' | 'smallChild' | 'biggerChild';
pointsForCentileLabels: {
x: number;
y: number;
centile: string;
}[];
};
export interface CentileChartProps {
chartsVersion?: string;
reference: 'uk-who' | 'turner' | 'trisomy-21' | 'cdc' | 'trisomy-21-aap' | 'who';
title: string;
subtitle: string;
measurementMethod: 'height' | 'weight' | 'ofc' | 'bmi';
sex: 'male' | 'female';
childMeasurements: Measurement[];
allowDuplicates?: boolean;
midParentalHeightData?: MidParentalHeightObject | null;
enableZoom?: boolean;
styles: {
[key: string]: any;
};
width?: number;
height?: number;
textScaleFactor?: number;
enableExport?: boolean;
exportChartCallback(svg: any): any;
clinicianFocus?: boolean | undefined | null;
logoVariant?: 'top' | 'bottom' | 'legend';
}