@hedia/recommendation-screen 2.1.73 → 2.1.74-alpha.0

package/lib/module/components/InfoBars.js

@@ -0,0 +1,114 @@
+import React from "react";
+import { StyleSheet, View } from "react-native";
+import { BloodGlucoseUnit, BloodKetonesUnit } from "@hedia/types";
+import { t } from "../locales/translate";
+import { colors } from "../utils/Constants";
+import { Utils } from "../utils/Utils";
+import { FONTS } from "./styles/fonts";
+import Text from "./Text";
+/** A standard panel to display some data that the user entered. */
+export default class InfoBars extends React.Component {
+  /**
+   * Determine the value to be displayed in the infobar.
+   *
+   * Steps:
+   * 1. Unpack showNullAsDash, unit, and value from props.
+   * 2. Set noDecimal to be true if unit is BloodGlucoseUnit.MG_DL or if unit is BloodKetonesUnit.MG_DL.
+   * 3. Set nullPlaceholder to be ‘-' if noDecimal is true and to '-.-’ otherwise.
+   * 4. Return value if it is not null or undefined. Otherwise, if showNullAsDash is true then return nullPlaceholder, otherwise return the string '0'.
+   * @returns The string to display as the value in the infobar.
+   */
+  displayValue = () => {
+    const {
+      showNullAsDash,
+      unit,
+      value
+    } = this.props;
+    const noDecimal = unit === BloodGlucoseUnit.MG_DL || unit === BloodKetonesUnit.MG_DL;
+    const nullPlaceholder = noDecimal || !unit ? `-` : `-.-`;
+    return value ?? (showNullAsDash ? nullPlaceholder : `0`);
+  };
+
+  /**
+   * Determine the unit string to be displayed in the infobar.
+   *
+   * Steps:
+   * 1. Unpack unit from props.
+   * 2. Return unit if unit is “units” or the result of calling formatUnit() with unit as argument otherwise.
+   * @returns The string to display as the unit in the infobar
+   */
+  displayUnit = () => {
+    const {
+      unit
+    } = this.props;
+    if (!unit) {
+      return null;
+    }
+    return unit === t(`units`) ? unit : Utils.formatUnit(unit);
+  };
+
+  /**
+   * @returns JSX element to display a card with the entered value.
+   */
+  render() {
+    const {
+      testID
+    } = this.props;
+    return /*#__PURE__*/React.createElement(View, {
+      style: infoStyles.container
+    }, /*#__PURE__*/React.createElement(View, {
+      style: infoStyles.labelContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: infoStyles.label
+    }, this.props.label)), /*#__PURE__*/React.createElement(View, {
+      style: infoStyles.valueUnitContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: infoStyles.value,
+      testID: testID?.valueID
+    }, this.displayValue()), /*#__PURE__*/React.createElement(Text, {
+      style: {
+        ...infoStyles.units,
+        paddingLeft: this.props.unit === null ? 0 : 4
+      },
+      testID: testID?.unitID
+    }, this.displayUnit())));
+  }
+}
+
+/** @internal */
+export const infoStyles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: `row`,
+    marginBottom: 8,
+    padding: 16,
+    borderWidth: 1,
+    borderColor: colors.dustyDarkBlue,
+    borderRadius: 5,
+    alignItems: `center`
+  },
+  labelContainer: {
+    flex: 7,
+    justifyContent: `flex-start`
+  },
+  label: {
+    ...FONTS.Poppins.regular_Base,
+    color: colors.white
+  },
+  valueUnitContainer: {
+    flex: 6.5,
+    justifyContent: `flex-end`,
+    alignItems: `baseline`,
+    flexDirection: `row`
+  },
+  value: {
+    ...FONTS.Poppins.medium_2XL,
+    color: colors.white
+  },
+  units: {
+    ...FONTS.Poppins.regular_XS,
+    color: colors.white,
+    paddingLeft: 4
+  }
+});
+//# sourceMappingURL=InfoBars.js.map

package/lib/module/components/InfoBars.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","BloodGlucoseUnit","BloodKetonesUnit","t","colors","Utils","FONTS","Text","InfoBars","Component","displayValue","showNullAsDash","unit","value","props","noDecimal","MG_DL","nullPlaceholder","displayUnit","formatUnit","render","testID","createElement","style","infoStyles","container","labelContainer","label","valueUnitContainer","valueID","units","paddingLeft","unitID","create","flex","flexDirection","marginBottom","padding","borderWidth","borderColor","dustyDarkBlue","borderRadius","alignItems","justifyContent","Poppins","regular_Base","color","white","medium_2XL","regular_XS"],"sourceRoot":"../../../src","sources":["components/InfoBars.tsx"],"mappings":"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"}

package/lib/module/components/InvisibleNumberInput.js

@@ -0,0 +1,142 @@
+import React from "react";
+import { Keyboard, 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
+ * its focus() method from the parent component in order to activate the input field and show the keyboard.
+ * We do this by defining a function that calls the input field’s focus() method inside the InvisibleNumberInput component when it has been mounted.
+ * This function is then passed to the parent by giving it as the argument for a callback function named visible.
+ */
+export default class InvisibleNumberInput extends React.Component {
+  keyboardDidHideSubscription = null;
+  inputRef = null;
+  constructor(props) {
+    super(props);
+    this.inputRef = /*#__PURE__*/React.createRef();
+  }
+
+  /** Initialise the state value variable with `0` */
+  state = {
+    value: `0`
+  };
+
+  /**
+   * Called immediately after a component is mounted. Setting state here will trigger re-rendering.
+   * Perform various initialisation steps:
+   * 1. Set the value state of the component to the startValue prop (or to '0' if it is undefined)
+   * 2. Call the visible callback function using an anonymous function as argument. The anonymous function shall do the following:
+   * 	- Set the value state of the InvisibleNumberInput component to the startValue prop (or to '0' if it is undefined)
+   * 	- Return the value from calling the focus() method on the input field.
+   */
+  componentDidMount() {
+    this.keyboardDidHideSubscription = Keyboard.addListener(`keyboardDidHide`, this.callOnTextInputsBlur);
+    this.setState({
+      value: this.props.startValue ?? `0`
+    });
+    this.props.visible(() => {
+      this.setState({
+        value: this.props.startValue ?? `0`
+      });
+      return this.inputRef?.current?.focus();
+    });
+  }
+
+  /**
+   * Call the blur method on the TextInput component.
+   */
+  callOnTextInputsBlur = () => {
+    this.inputRef?.current?.blur();
+  };
+
+  /**
+   * Sanitise a user-entered value by removing invalid characters
+   *
+   * Steps:
+   * 1. Use regular expressions to make the following manipulations to the text argument in the defined order and save the result to a local string variable named replaced.
+   * 	- Replace any commas with periods
+   * 	- Remove any characters that comes after two groups of zero or more digits separated by a period.
+   * 2. Define a function named round that rounds a given string that contains a number to have the amount of decimals given by the decimalPlaces prop. Return the result as a string.
+   * 3. If the value of the replaced variable from step 1 is not a NaN (not a number) when converted to a Number type then use the round function defined in step 2 on replaced and return the result
+   * 4. (If the NaN-check from step 2 didn’t fail) return the string '0'.
+  	 * @param text The string input to clean up
+   * @returns A string with the cleaned text.
+   */
+  cleanInput = text => {
+    const replaced = text.replace(/,/g, `.`).replace(/(\d*\.\d*).*/, `$1`);
+    const round = value => {
+      const temp = Number(value) * Math.pow(10, this.props.decimalPlaces);
+      const rounded = Math.round(temp) / Math.pow(10, this.props.decimalPlaces);
+      return rounded.toFixed(this.props.decimalPlaces);
+    };
+    if (!isNaN(Number(replaced))) {
+      return round(replaced);
+    }
+    return `0`;
+  };
+
+  /**
+   * Handle what happens when the text in the input field is being changed.
+   * That includes cleaning the text a little and then saving the value and potentially calling a callback function.
+   *
+   * Steps:
+   * 1. If the cleanPartialInput prop is true, use the cleanInput() method to to clean the content of the text argument and save it to a variable named cleaned.
+   *    Otherwise just replace any commas in the text argument with periods and save the result to the same variable.
+   * 2. Remove repeated periods from the text in the cleaned variable and save the the result in a new variable named replacedSeparator.
+   * 3. Set the value state of the component to replacedSeparator.
+   * 4. If the partialInput callback function prop is defined, call it with replacedSeparator as argument.
+   * @param text The updated text in the input field
+   */
+  handleOnChangeText = text => {
+    const cleaned = this.props.cleanPartialInput ? this.cleanInput(text) : text.replace(/,/g, `.`);
+    let replacedSeparator = cleaned.replace(/\.+/g, `.`).replace(/(\d*\.\d*).*/, `$1`);
+    if (!this.props.negativeAllowed) {
+      replacedSeparator = replacedSeparator.replace(/[^0-9.]/g, ``);
+    }
+    this.setState({
+      value: `${replacedSeparator}`
+    });
+    this.props.partialInput?.(`${replacedSeparator}`);
+  };
+
+  /**
+   * Handle what should happen when the user finish editing the input field.
+   *
+   * Steps:
+   * 1. Use the cleanInput() method on the value state and store the result in a variable named cleaned.
+   * 2. If the onEnd prop is not null, then convert the value of cleaned to a number and use it as an argument to call the onEnd prop function.
+   */
+  onEndEdit = () => {
+    const cleaned = this.cleanInput(this.state.value);
+    this.props.onEnd?.(Number(cleaned));
+  };
+
+  /**
+   * @returns JSX element to display a TextInput field with the component’s value state as its value
+   * and the handleOnChangeText() and onEndEdit() methods as the textInput’s onChangeText and onEndEditing respectively.
+   */
+  render() {
+    const {
+      testID
+    } = this.props;
+    return /*#__PURE__*/React.createElement(TextInput, {
+      testID: testID,
+      value: this.state.value,
+      ref: this.inputRef,
+      style: inputStyles.input,
+      keyboardType: `numeric`,
+      returnKeyType: `done`,
+      onChangeText: this.handleOnChangeText,
+      onEndEditing: this.onEndEdit,
+      maxLength: this.props.maxLength,
+      selectTextOnFocus: true
+    });
+  }
+}
+const inputStyles = StyleSheet.create({
+  input: {
+    width: 1,
+    height: 1,
+    opacity: 0
+  }
+});
+//# sourceMappingURL=InvisibleNumberInput.js.map

package/lib/module/components/InvisibleNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Keyboard","StyleSheet","TextInput","InvisibleNumberInput","Component","keyboardDidHideSubscription","inputRef","constructor","props","createRef","state","value","componentDidMount","addListener","callOnTextInputsBlur","setState","startValue","visible","current","focus","blur","cleanInput","text","replaced","replace","round","temp","Number","Math","pow","decimalPlaces","rounded","toFixed","isNaN","handleOnChangeText","cleaned","cleanPartialInput","replacedSeparator","negativeAllowed","partialInput","onEndEdit","onEnd","render","testID","createElement","ref","style","inputStyles","input","keyboardType","returnKeyType","onChangeText","onEndEditing","maxLength","selectTextOnFocus","create","width","height","opacity"],"sourceRoot":"../../../src","sources":["components/InvisibleNumberInput.tsx"],"mappings":"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"}

package/lib/module/components/LineSeparator.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { StyleSheet, View } from "react-native";
+/** Display a horizontal line for visually separating elements in the user interface. */
+export default class LineSeparator extends React.Component {
+  /** @return JSX element for displaying a thin horizontal line in the given color. */
+  render() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+      style: [lineSeparatorStyles.lineStyle, {
+        ...this.props
+      }]
+    }));
+  }
+}
+const lineSeparatorStyles = StyleSheet.create({
+  lineStyle: {
+    borderBottomWidth: 1
+  }
+});
+//# sourceMappingURL=LineSeparator.js.map

package/lib/module/components/LineSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","LineSeparator","Component","render","createElement","Fragment","style","lineSeparatorStyles","lineStyle","props","create","borderBottomWidth"],"sourceRoot":"../../../src","sources":["components/LineSeparator.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAW/C;AACA,eAAe,MAAMC,aAAa,SAASH,KAAK,CAACI,SAAS,CAAS;EAClE;EACOC,MAAMA,CAAA,EAAgB;IAC5B,oBACCL,KAAA,CAAAM,aAAA,CAACN,KAAK,CAACO,QAAQ,qBACdP,KAAA,CAAAM,aAAA,CAACJ,IAAI;MAACM,KAAK,EAAE,CAACC,mBAAmB,CAACC,SAAS,EAAE;QAAE,GAAG,IAAI,CAACC;MAAM,CAAC;IAAE,EAAG,CACnD;EAEnB;AACD;AAEA,MAAMF,mBAAmB,GAAGR,UAAU,CAACW,MAAM,CAAC;EAC7CF,SAAS,EAAE;IACVG,iBAAiB,EAAE;EACpB;AACD,CAAC,CAAC"}

package/lib/module/components/RecentInsulin.js

@@ -0,0 +1,97 @@
+import React from "react";
+import { StyleSheet, TouchableOpacity, View } from "react-native";
+import { t } from "../locales/translate";
+import { Testing } from "../types/enum";
+import { colors } from "../utils/Constants";
+import { FONTS } from "./styles/fonts";
+import Text from "./Text";
+/** Display a card that prompts the user to recall if they injected insulin recently. */
+export default class RecentInsulin extends React.Component {
+  /**
+   *
+   * @returns JSX element that displays a card with the question “Have you taken insulin within the last 4 hours?
+   * Along with two buttons labeled “Yes” and “No” respectively.
+   * If the user taps the “Yes” button, the onRecentInsulinYes prop callback function should be called.
+   * If the user taps the “No” button, the onRecentInsulinNo prop callback function should be called.
+   */
+  render = () => {
+    return /*#__PURE__*/React.createElement(View, {
+      style: recentInsulinStyles.container
+    }, /*#__PURE__*/React.createElement(View, {
+      style: recentInsulinStyles.textContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: recentInsulinStyles.recommended
+    }, t(`Recommended amount of insulin`)), /*#__PURE__*/React.createElement(Text, {
+      style: recentInsulinStyles.takenInsulin
+    }, t(`Have you taken insulin within the last 4 hours?`))), /*#__PURE__*/React.createElement(View, {
+      style: recentInsulinStyles.buttonContainer
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      testID: Testing.Id.RecentInsulinTestIds.Yes,
+      onPress: this.props.onRecentInsulinYes,
+      style: recentInsulinStyles.yesButton
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: recentInsulinStyles.yesNoText
+    }, t(`Yes`))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      testID: Testing.Id.RecentInsulinTestIds.No,
+      onPress: this.props.onRecentInsulinNo,
+      style: recentInsulinStyles.noButton
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: recentInsulinStyles.yesNoText
+    }, t(`No`)))));
+  };
+}
+const recentInsulinStyles = StyleSheet.create({
+  container: {
+    minHeight: 220,
+    backgroundColor: colors.deepPurple,
+    borderRadius: 5,
+    marginBottom: 32,
+    paddingHorizontal: 16,
+    paddingTop: 16,
+    paddingBottom: 50
+  },
+  textContainer: {
+    justifyContent: `center`,
+    alignItems: `center`,
+    marginBottom: 32
+  },
+  recommended: {
+    ...FONTS.Poppins.medium_Base,
+    color: colors.white,
+    textAlign: `center`,
+    marginBottom: 2
+  },
+  takenInsulin: {
+    ...FONTS.Poppins.regular_SM,
+    color: colors.white,
+    textAlign: `center`
+  },
+  buttonContainer: {
+    flexDirection: `row`,
+    justifyContent: `center`
+  },
+  yesButton: {
+    flex: 1,
+    borderRadius: 50,
+    minWidth: 127,
+    marginLeft: 30,
+    marginRight: 12,
+    backgroundColor: colors.teal
+  },
+  noButton: {
+    flex: 1,
+    borderRadius: 50,
+    minWidth: 127,
+    marginRight: 30,
+    marginLeft: 12,
+    backgroundColor: colors.teal
+  },
+  yesNoText: {
+    ...FONTS.Poppins.bold_Base,
+    textAlign: `center`,
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    color: colors.black
+  }
+});
+//# sourceMappingURL=RecentInsulin.js.map

package/lib/module/components/RecentInsulin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","View","t","Testing","colors","FONTS","Text","RecentInsulin","Component","render","createElement","style","recentInsulinStyles","container","textContainer","recommended","takenInsulin","buttonContainer","testID","Id","RecentInsulinTestIds","Yes","onPress","props","onRecentInsulinYes","yesButton","yesNoText","No","onRecentInsulinNo","noButton","create","minHeight","backgroundColor","deepPurple","borderRadius","marginBottom","paddingHorizontal","paddingTop","paddingBottom","justifyContent","alignItems","Poppins","medium_Base","color","white","textAlign","regular_SM","flexDirection","flex","minWidth","marginLeft","marginRight","teal","bold_Base","paddingVertical","black"],"sourceRoot":"../../../src","sources":["components/RecentInsulin.tsx"],"mappings":"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"}