Merge pull request #131 from rcpch/midparental-height-labels

mid-parental-height-fixes

Author: eatyourpeas

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rcpch/digital-growth-charts-react-component-library",
-    "version": "7.2.1",
+    "version": "7.2.2",
     "description": "A React component library for the RCPCH digital growth charts using Rollup, TypeScript and Styled-Components",
     "main": "build/index.js",
     "module": "build/esm.index.js",

src/CentileChart/CentileChart.tsx

@@ -407,10 +407,6 @@ function CentileChart({
                             // this function filters the midparental height centile data to only those values
                             // one month either side of the most recent measurement, or 20 y if no measurements
                             // supplied.
-                            if (index === 0) {
-                                // neonates - remove
-                                return;
-                            }
 
                             const lowerData = reference.lowerParentalCentile;
                             const midData = reference.midParentalCentile;
@@ -444,6 +440,7 @@ function CentileChart({
                                             // prevents a css `width` infinity error if no data presented to centile line
                                             return;
                                         }
+
                                         return (
                                             <VictoryLine
                                                 name="lowerCentileMPH"

src/functions/getFilteredMidParentalHeightData.ts

@@ -35,11 +35,11 @@ export const getFilteredMidParentalHeightData = (
                     .x;
 
             if (latestAge < 3 / 12) {
-                upperLimit = latestAge + 1 / 52;
-                lowerLimit = latestAge - 1 / 52;
-            } else if (latestAge >= 3 / 12 && latestAge < 3) {
                 upperLimit = latestAge + 2 / 52;
                 lowerLimit = latestAge - 2 / 52;
+            } else if (latestAge >= 3 / 12 && latestAge < 3) {
+                upperLimit = latestAge + 4 / 52;
+                lowerLimit = latestAge - 4 / 52;
             } else if (latestAge >= 3 && latestAge < 12) {
                 upperLimit = latestAge + 2 / 12;
                 lowerLimit = latestAge - 2 / 12;

src/functions/tooltips.ts

@@ -96,23 +96,23 @@ export function tooltipText(
             let returnStringList = [];
             if (childName === 'lowerCentileMPH') {
                 returnStringList.push(
-                    `Midparental Height -2SD: ${Math.round(mid_parental_height_lower_value * 10) / 10} cm`,
+                    `Mid-Parental Height (2 centiles below): ${Math.round(mid_parental_height_lower_value * 10) / 10} cm`,
                 );
                 return returnStringList;
             }
             if (childName === 'centileMPH' || childName === 'areaMPH') {
                 returnStringList.push(
-                    `Midparental Height: ${Math.round(mid_parental_height * 10) / 10} cm (${addOrdinalSuffix(Math.round(parseFloat(l)))}) centile, SDS: ${Math.round(mid_parental_height_sds * 100) / 100})`,
+                    `Mid-Parental Height: ${Math.round(mid_parental_height * 10) / 10} cm (${addOrdinalSuffix(Math.round(parseFloat(l)))} centile, SDS: ${Math.round(mid_parental_height_sds * 1000) / 1000})`,
                 );
                 returnStringList.push(
-                    `Range(+/-2SD): ${Math.round(mid_parental_height_lower_value * 10) / 10} cm - ${Math.round(mid_parental_height_upper_value * 10) / 10} cm`,
+                    `Range(+/-2 centiles): ${Math.round(mid_parental_height_lower_value * 10) / 10} cm - ${Math.round(mid_parental_height_upper_value * 10) / 10} cm`,
                 );
 
                 return returnStringList;
             }
             if (childName === 'upperCentileMPH') {
                 returnStringList.push(
-                    `Midparental Height +2SD: ${Math.round(mid_parental_height_upper_value * 10) / 10} cm`,
+                    `Mid-Parental Height (2 centiles above): ${Math.round(mid_parental_height_upper_value * 10) / 10} cm`,
                 );
                 return returnStringList;
             }