Skip to content

Commit 47abacd

Browse files
eatyourpeaseatyourpeas
authored
Merge pull request #139 from rcpch/eatyourpeas/issue138
Merging this here. Should have no implications for existing users. The WHO charts can only be used with v4.3.0 of the server (which contains 4.3.3 of the RCPCHGrowth package).
2 parents d58081c + b704fc0 commit 47abacd

24 files changed

+43421
-59348
lines changed

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@rcpch/digital-growth-charts-react-component-library",
3-
"version": "7.2.2",
3+
"version": "7.3.0",
44
"description": "A React component library for the RCPCH digital growth charts using Rollup, TypeScript and Styled-Components",
55
"main": "build/index.js",
66
"module": "build/esm.index.js",

‎src/CentileChart/CentileChart.types.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export type Results = {
1919
};
2020
export interface CentileChartProps {
2121
chartsVersion?: string;
22-
reference: 'uk-who' | 'turner' | 'trisomy-21' | 'cdc' | 'trisomy-21-aap';
22+
reference: 'uk-who' | 'turner' | 'trisomy-21' | 'cdc' | 'trisomy-21-aap' | 'who';
2323
title: string;
2424
subtitle: string;
2525
measurementMethod: 'height' | 'weight' | 'ofc' | 'bmi';

‎src/RCPCHChart/RCPCHChart.stories.tsx

+325
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ import { cdcOFCGirl } from '../testParameters/measurements/cdcOFCGirls.ts';
1616
import { maleCDCBMIExcess } from '../testParameters/measurements/maleCDCBMIExcess.ts';
1717
import { childTrisomyAAPData } from '../testParameters/measurements/childTrisomyAAPData.ts';
1818
import { maleWeightT21AAPData } from '../testParameters/measurements/maleWeightT21AAP.ts';
19+
import { whoToNineteenGirlHeight } from '../testParameters/measurements/whoHeightToNineteenGirl.ts';
1920
// import { cdcFentonGirlLength } from '../testParameters/measurements/fenton/cdcFentonGirlLength';
2021
// import { cdcFentonGirlWeight } from '../testParameters/measurements/fenton/cdcFentonGirlWeight.ts';
2122

@@ -78,6 +79,26 @@ export const CentileChartUKWHOGirlsHeightWithMeasurementsLegend: Story = {
7879
},
7980
};
8081

82+
export const CentileChartUKWHOBoysHeightWithMeasurementsLegend: Story = {
83+
args: {
84+
title: 'Patient Name - Hospital Number',
85+
measurementMethod: 'height',
86+
reference: 'uk-who',
87+
sex: 'male',
88+
logoVariant: 'legend',
89+
measurements: { height: [] },
90+
midParentalHeightData: {},
91+
enableZoom: true,
92+
chartType: 'centile',
93+
enableExport: false,
94+
exportChartCallback: () => {},
95+
theme: 'tanner1',
96+
height: 800,
97+
width: 1000,
98+
customThemeStyles: {},
99+
},
100+
};
101+
81102
export const CentileChartPrematureUKWHOGirlsHeightWithMeasurementsLegend: Story = {
82103
args: {
83104
title: 'Patient Name - Hospital Number',
@@ -721,6 +742,310 @@ export const CentileChartTrisomy21AAPBoysHeadCircumference: Story = {
721742
},
722743
};
723744

745+
export const CentileChartWHOGirlsHeight: Story = {
746+
args: {
747+
title: 'Patient Name - Hospital Number',
748+
measurementMethod: 'height',
749+
reference: 'who',
750+
sex: 'female',
751+
measurements: {
752+
height: whoToNineteenGirlHeight,
753+
},
754+
midParentalHeightData: {},
755+
enableZoom: true,
756+
chartType: 'centile',
757+
enableExport: false,
758+
exportChartCallback: () => {},
759+
theme: 'tanner1',
760+
customThemeStyles: {},
761+
clinicianFocus: true,
762+
logoVariant: 'bottom',
763+
},
764+
};
765+
766+
export const CentileChartWHOGirlsWeight: Story = {
767+
args: {
768+
title: 'Patient Name - Hospital Number',
769+
measurementMethod: 'weight',
770+
reference: 'who',
771+
sex: 'female',
772+
measurements: {
773+
weight: [],
774+
},
775+
midParentalHeightData: {},
776+
enableZoom: true,
777+
chartType: 'centile',
778+
enableExport: false,
779+
exportChartCallback: () => {},
780+
theme: 'tanner1',
781+
customThemeStyles: {},
782+
clinicianFocus: true,
783+
logoVariant: 'bottom',
784+
},
785+
};
786+
787+
export const CentileChartWHOGirlsHeadCircumference: Story = {
788+
args: {
789+
title: 'Patient Name - Hospital Number',
790+
measurementMethod: 'ofc',
791+
reference: 'who',
792+
sex: 'female',
793+
measurements: {
794+
ofc: [],
795+
},
796+
midParentalHeightData: {},
797+
enableZoom: true,
798+
chartType: 'centile',
799+
enableExport: false,
800+
exportChartCallback: () => {},
801+
theme: 'tanner1',
802+
customThemeStyles: {},
803+
clinicianFocus: true,
804+
logoVariant: 'bottom',
805+
},
806+
};
807+
808+
export const CentileChartWHOGirlsBMI: Story = {
809+
args: {
810+
title: 'Patient Name - Hospital Number',
811+
measurementMethod: 'bmi',
812+
reference: 'who',
813+
sex: 'female',
814+
measurements: {
815+
bmi: [],
816+
},
817+
midParentalHeightData: {},
818+
enableZoom: true,
819+
chartType: 'centile',
820+
enableExport: false,
821+
exportChartCallback: () => {},
822+
theme: 'tanner1',
823+
customThemeStyles: {},
824+
clinicianFocus: true,
825+
logoVariant: 'bottom',
826+
},
827+
};
828+
829+
export const CentileChartWHOBoysWeight: Story = {
830+
args: {
831+
title: 'Patient Name - Hospital Number',
832+
measurementMethod: 'weight',
833+
reference: 'who',
834+
sex: 'male',
835+
measurements: {
836+
weight: [],
837+
},
838+
midParentalHeightData: {},
839+
enableZoom: true,
840+
chartType: 'centile',
841+
enableExport: false,
842+
exportChartCallback: () => {},
843+
theme: 'tanner2',
844+
customThemeStyles: {},
845+
clinicianFocus: true,
846+
},
847+
};
848+
849+
export const CentileChartWHOBoysBMI: Story = {
850+
args: {
851+
title: 'Patient Name - Hospital Number',
852+
measurementMethod: 'bmi',
853+
reference: 'who',
854+
sex: 'male',
855+
measurements: {
856+
bmi: [],
857+
},
858+
midParentalHeightData: {},
859+
enableZoom: true,
860+
chartType: 'centile',
861+
enableExport: false,
862+
exportChartCallback: () => {},
863+
theme: 'tanner2',
864+
customThemeStyles: {},
865+
clinicianFocus: true,
866+
},
867+
};
868+
869+
export const CentileChartWHOBoysHeadCircumference: Story = {
870+
args: {
871+
title: 'Patient Name - Hospital Number',
872+
measurementMethod: 'ofc',
873+
reference: 'who',
874+
sex: 'male',
875+
measurements: {
876+
ofc: [],
877+
},
878+
midParentalHeightData: {},
879+
enableZoom: true,
880+
chartType: 'centile',
881+
enableExport: false,
882+
exportChartCallback: () => {},
883+
theme: 'tanner2',
884+
customThemeStyles: {},
885+
clinicianFocus: true,
886+
},
887+
};
888+
889+
export const CentileChartTrisomy21BoysHeight: Story = {
890+
args: {
891+
title: 'Patient Name - Hospital Number',
892+
measurementMethod: 'height',
893+
reference: 'trisomy-21',
894+
sex: 'male',
895+
measurements: {
896+
height: [],
897+
},
898+
midParentalHeightData: {},
899+
enableZoom: true,
900+
chartType: 'centile',
901+
enableExport: false,
902+
exportChartCallback: () => {},
903+
theme: 'tanner2',
904+
customThemeStyles: {},
905+
clinicianFocus: true,
906+
},
907+
};
908+
909+
export const CentileChartTrisomy21BoysWeight: Story = {
910+
args: {
911+
title: 'Patient Name - Hospital Number',
912+
measurementMethod: 'weight',
913+
reference: 'trisomy-21',
914+
sex: 'male',
915+
measurements: {
916+
weight: [],
917+
},
918+
midParentalHeightData: {},
919+
enableZoom: true,
920+
chartType: 'centile',
921+
enableExport: false,
922+
exportChartCallback: () => {},
923+
theme: 'tanner2',
924+
customThemeStyles: {},
925+
clinicianFocus: true,
926+
},
927+
};
928+
929+
export const CentileChartTrisomy21BoysBMI: Story = {
930+
args: {
931+
title: 'Patient Name - Hospital Number',
932+
measurementMethod: 'bmi',
933+
reference: 'trisomy-21',
934+
sex: 'male',
935+
measurements: {
936+
bmi: [],
937+
},
938+
midParentalHeightData: {},
939+
enableZoom: true,
940+
chartType: 'centile',
941+
enableExport: false,
942+
exportChartCallback: () => {},
943+
theme: 'tanner2',
944+
customThemeStyles: {},
945+
clinicianFocus: true,
946+
},
947+
};
948+
949+
export const CentileChartTrisomy21BoysHeadCircumference: Story = {
950+
args: {
951+
title: 'Patient Name - Hospital Number',
952+
measurementMethod: 'ofc',
953+
reference: 'trisomy-21',
954+
sex: 'male',
955+
measurements: {
956+
ofc: [],
957+
},
958+
midParentalHeightData: {},
959+
enableZoom: true,
960+
chartType: 'centile',
961+
enableExport: false,
962+
exportChartCallback: () => {},
963+
theme: 'tanner2',
964+
customThemeStyles: {},
965+
clinicianFocus: true,
966+
},
967+
};
968+
969+
export const CentileChartTrisomy21GirlsHeight: Story = {
970+
args: {
971+
title: 'Patient Name - Hospital Number',
972+
measurementMethod: 'height',
973+
reference: 'trisomy-21',
974+
sex: 'female',
975+
measurements: {
976+
height: [],
977+
},
978+
midParentalHeightData: {},
979+
enableZoom: true,
980+
chartType: 'centile',
981+
enableExport: false,
982+
exportChartCallback: () => {},
983+
theme: 'tanner3',
984+
customThemeStyles: {},
985+
clinicianFocus: true,
986+
},
987+
};
988+
989+
export const CentileChartTrisomy21GirlsWeight: Story = {
990+
args: {
991+
title: 'Patient Name - Hospital Number',
992+
measurementMethod: 'weight',
993+
reference: 'trisomy-21',
994+
sex: 'female',
995+
measurements: {
996+
weight: [],
997+
},
998+
midParentalHeightData: {},
999+
enableZoom: true,
1000+
chartType: 'centile',
1001+
enableExport: false,
1002+
exportChartCallback: () => {},
1003+
theme: 'tanner3',
1004+
customThemeStyles: {},
1005+
clinicianFocus: true,
1006+
},
1007+
};
1008+
1009+
export const CentileChartTrisomy21GirlsBMI: Story = {
1010+
args: {
1011+
title: 'Patient Name - Hospital Number',
1012+
measurementMethod: 'bmi',
1013+
reference: 'trisomy-21',
1014+
sex: 'female',
1015+
measurements: {
1016+
bmi: [],
1017+
},
1018+
midParentalHeightData: {},
1019+
enableZoom: true,
1020+
chartType: 'centile',
1021+
enableExport: false,
1022+
exportChartCallback: () => {},
1023+
theme: 'tanner3',
1024+
customThemeStyles: {},
1025+
clinicianFocus: true,
1026+
},
1027+
};
1028+
1029+
export const CentileChartTrisomy21GirlsHeadCircumference: Story = {
1030+
args: {
1031+
title: 'Patient Name - Hospital Number',
1032+
measurementMethod: 'ofc',
1033+
reference: 'trisomy-21',
1034+
sex: 'female',
1035+
measurements: {
1036+
ofc: [],
1037+
},
1038+
midParentalHeightData: {},
1039+
enableZoom: true,
1040+
chartType: 'centile',
1041+
enableExport: false,
1042+
exportChartCallback: () => {},
1043+
theme: 'tanner3',
1044+
customThemeStyles: {},
1045+
clinicianFocus: true,
1046+
},
1047+
};
1048+
7241049
export const TomatoCentileChart: Story = {
7251050
args: {
7261051
title: 'Patient Name - Hospital Number',

0 commit comments

Comments
 (0)