@hedia/recommendation-screen 2.1.59 → 2.1.60-alpha.1

package/dist/src/RecommendationScreen.d.ts

@@ -54,6 +54,12 @@ export interface IRecommendationProps {
      * Should allow the user to enter when they injected insulin and how much.
      */
     onRecentInsulinYes(): void;
+    /**
+     * Callback function without arguments or return values.
+     * To be called if the user taps “No” when asked if they have taken insulin recently, making the recommendation visible.
+     * Or if they have recently taken insulin and the recommendation is visible.
+     */
+    onRecommendationDisplayed(): void;
     /**
      * To be called when the “Transfer to Logbook” button is pressed.
      * @param carbs The suggested and entered amount of carbohydrates.
@@ -163,6 +169,7 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      * 	- Set the language by using the language prop as argument for calling changeLanguage()
      * 	- Unpack recentBoluses from the calculatorParams prop.
      * 	- Use the calculatorParams prop as argument for calling calculateRecommendation() and unpack all of the resulting values.
+     * 	- Call the onRecommendationDisplayed() callback prop if the recommendation is visible
      * 	- Copy the carbRecommendation to the suggestedCarbs member variable.
      * 	- Set the following state variables:
      * 		- Set remeasureTime to the return value from calling the getBGLevelRemeasurementReminder() method.
@@ -287,7 +294,8 @@ export default class RecommendationScreen extends React.Component<IRecommendatio
      *
      * Steps:
      * 1. Set the isRecommendationDisplayed state variable to be true.
-     * 2. As a callback to the setState() method, define a new anonymous function that calls setTimeout() with a duration of 0 milliseconds.
+     * 2. Call the onRecommendationDisplayed prop callback function.
+     * 3. As a callback to the setState() method, define a new anonymous function that calls setTimeout() with a duration of 0 milliseconds.
      *    When the time expires, call the scrollToEnd() method of the scrollView member, with the animated argument set to true.
      *    This ensures that the scroll event happens after all other events that get queued to happen at the same time,
      *    so all relevant elements are visible on the screen and the scroll happens reliably.

package/dist/src/RecommendationScreen.js

@@ -75,6 +75,7 @@ export default class RecommendationScreen extends React.Component {
      * 	- Set the language by using the language prop as argument for calling changeLanguage()
      * 	- Unpack recentBoluses from the calculatorParams prop.
      * 	- Use the calculatorParams prop as argument for calling calculateRecommendation() and unpack all of the resulting values.
+     * 	- Call the onRecommendationDisplayed() callback prop if the recommendation is visible
      * 	- Copy the carbRecommendation to the suggestedCarbs member variable.
      * 	- Set the following state variables:
      * 		- Set remeasureTime to the return value from calling the getBGLevelRemeasurementReminder() method.
@@ -100,9 +101,13 @@ export default class RecommendationScreen extends React.Component {
             const { recentBoluses } = props.calculatorParams;
             const { bolus, carbRecommendation, activityReduction, wasLimited, activeInsulin } = Calculator.calculateRecommendation(props.calculatorParams);
             this.suggestedCarbs = carbRecommendation;
+            const isRecommendationDisplayed = recentBoluses?.length !== 0;
+            if (isRecommendationDisplayed) {
+                this.props.onRecommendationDisplayed();
+            }
             this.state = {
                 remeasureTime: this.getBGLevelRemeasurementReminder(),
-                isRecommendationDisplayed: recentBoluses?.length !== 0,
+                isRecommendationDisplayed,
                 insulinRecommendation: Utils.roundValue(bolus, props.injectionMethod),
                 wasLimited,
                 activityReduction,
@@ -280,13 +285,15 @@ export default class RecommendationScreen extends React.Component {
      *
      * Steps:
      * 1. Set the isRecommendationDisplayed state variable to be true.
-     * 2. As a callback to the setState() method, define a new anonymous function that calls setTimeout() with a duration of 0 milliseconds.
+     * 2. Call the onRecommendationDisplayed prop callback function.
+     * 3. As a callback to the setState() method, define a new anonymous function that calls setTimeout() with a duration of 0 milliseconds.
      *    When the time expires, call the scrollToEnd() method of the scrollView member, with the animated argument set to true.
      *    This ensures that the scroll event happens after all other events that get queued to happen at the same time,
      *    so all relevant elements are visible on the screen and the scroll happens reliably.
      */
     handleNoRecentInsulin = () => {
         this.setState({ isRecommendationDisplayed: true }, () => {
+            this.props.onRecommendationDisplayed();
             setTimeout(() => {
                 this.scrollView?.scrollToEnd(true);
             }, 0);

package/dist/src/components/InfoBars.d.ts

@@ -53,9 +53,11 @@ export declare const infoStyles: {
         borderWidth: number;
         borderColor: string;
         borderRadius: number;
+        alignItems: "center";
     };
     labelContainer: {
         flex: number;
+        justifyContent: "flex-start";
     };
     label: {
         color: string;

package/dist/src/components/InfoBars.js

@@ -70,9 +70,11 @@ export const infoStyles = StyleSheet.create({
         borderWidth: 1,
         borderColor: colors.dustyDarkBlue,
         borderRadius: 5,
+        alignItems: `center`,
     },
     labelContainer: {
         flex: 7,
+        justifyContent: `flex-start`,
     },
     label: {
         ...FONTS.Poppins.regular_Base,

package/dist/src/components/InvisibleNumberInput.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Platform, StyleSheet, TextInput } from "react-native";
+import { StyleSheet, TextInput } from "react-native";
 /**
  * InvisibleNumberInput is used to enable numerical input by the user without displaying a traditional input field on the screen.
  * Since the input field is made invisible and thus can’t be tapped directly by the user we need to be able to call
@@ -99,7 +99,7 @@ export default class InvisibleNumberInput extends React.Component {
      */
     render() {
         const { testID } = this.props;
-        return (<TextInput testID={testID} value={`${this.state.value}`} ref={(textInput) => {
+        return (<TextInput testID={testID} value={this.state.value} ref={(textInput) => {
                 if (textInput !== null) {
                     this.textInput = textInput;
                 }
@@ -108,14 +108,8 @@ export default class InvisibleNumberInput extends React.Component {
 }
 const inputStyles = StyleSheet.create({
     input: {
-        ...Platform.select({
-            ios: {
-                width: 0,
-                height: 0,
-            },
-            android: {
-                opacity: 0,
-            },
-        }),
+        width: 0,
+        height: 0,
+        opacity: 0,
     },
 });

package/dist/src/components/activity/Activity.js

@@ -66,6 +66,7 @@ const styles = StyleSheet.create({
         flex: 1,
         flexDirection: `row`,
         marginBottom: 6,
+        alignItems: `center`,
     },
     infoText: {
         ...FONTS.Poppins.regular_Base,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hedia/recommendation-screen",
-  "version": "2.1.59",
+  "version": "2.1.60-alpha.1",
   "description": "Hedia Recommendation Screen for Bolus and Carbohydrates",
   "main": "dist/index.js",
   "files": [