@hedia/recommendation-screen 2.1.27-alpha.8 → 2.1.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hedia/recommendation-screen",
-  "version": "2.1.27-alpha.8",
+  "version": "2.1.27",
   "description": "Hedia Recommendation Screen for Bolus and Carbohydrates",
   "main": "index.js",
   "scripts": {

package/src/components/InvisibleNumberInput.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { TextInput } from "react-native";
+import { Platform, 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
@@ -100,10 +100,23 @@ export default class InvisibleNumberInput extends React.Component {
      */
     render() {
         const { testID } = this.props;
-        return (<TextInput testID={testID} accessibilityLabel="InvisibleNumberInput" value={`${this.state.value}`} ref={(textInput) => {
+        return (<TextInput testID={testID} accessibilityLabel={`InvisibleNumberInput`} value={`${this.state.value}`} ref={(textInput) => {
             if (textInput !== null) {
                 this.textInput = textInput;
             }
-        }} keyboardType="numeric" onChangeText={this.handleOnChangeText} onEndEditing={this.onEndEdit} maxLength={this.props.maxLength} selectTextOnFocus/>);
+        }} style={inputStyles.input} keyboardType={`numeric`} returnKeyType={`done`} onChangeText={this.handleOnChangeText} onEndEditing={this.onEndEdit} maxLength={this.props.maxLength} selectTextOnFocus/>);
     }
 }
+const inputStyles = StyleSheet.create({
+    input: {
+        ...Platform.select({
+            ios: {
+                width: 0,
+                height: 0,
+            },
+            android: {
+                opacity: 0,
+            },
+        }),
+    },
+});