@hedia/recommendation-screen 1.0.0 → 1.0.1

package/src/components/Emotion.js

@@ -1,55 +1,54 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const macro_1 = require("@lingui/macro");
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const i18nUtils_1 = require("../locale/i18nUtils");
-const enum_1 = require("../types/enum");
-const MoodIcon_1 = __importDefault(require("./MoodIcon"));
-class Emotion extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            selected: 0,
-        };
-        this.handleIconPress = (selected, toggle) => {
-            const select = toggle ? selected : 0;
-            this.setState({
-                selected: select,
-            });
-            this.props.moodSelected(select);
-        };
-    }
-    render() {
-        const values = Object.values(enum_1.MoodEnum).filter((val) => isNaN(Number(val)));
-        const mapped = values.map((key) => {
-            const moodValue = enum_1.MoodEnum[key];
-            return (<MoodIcon_1.default onPress={(toggle) => this.handleIconPress(moodValue, toggle)} active={moodValue === this.state.selected} mood={moodValue} key={moodValue}/>);
-        });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const i18nUtils_1 = require("../locale/i18nUtils");
+const enum_1 = require("../types/enum");
+const MoodIcon_1 = __importDefault(require("./MoodIcon"));
+class Emotion extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            selected: 0,
+        };
+        this.handleIconPress = (selected, toggle) => {
+            const select = toggle ? selected : 0;
+            this.setState({
+                selected: select,
+            });
+            this.props.moodSelected(select);
+        };
+    }
+    render() {
+        const values = Object.values(enum_1.MoodEnum).filter((val) => isNaN(Number(val)));
+        const mapped = values.map((key) => {
+            const moodValue = enum_1.MoodEnum[key];
+            return (<MoodIcon_1.default onPress={(toggle) => this.handleIconPress(moodValue, toggle)} active={moodValue === this.state.selected} mood={moodValue} key={moodValue}/>);
+        });
         return (<react_native_1.View style={emotionStyles.container}>
 				<react_native_1.View style={emotionStyles.feelingContainer}>
-					<react_native_1.Text style={emotionStyles.feelingText}>{i18nUtils_1.i18n._(macro_1.t `How are you feeling?`)}</react_native_1.Text>
+					<react_native_1.Text style={emotionStyles.feelingText}>{i18nUtils_1.i18n._("How are you feeling?")}</react_native_1.Text>
 				</react_native_1.View>
 				<react_native_1.View style={emotionStyles.moodIconContainer}>{mapped}</react_native_1.View>
-			</react_native_1.View>);
-    }
-}
-exports.default = Emotion;
-const emotionStyles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    feelingContainer: {
-        marginVertical: `3%`,
-    },
-    feelingText: {
-        textAlign: `center`,
-        color: `white`,
-        fontWeight: `bold`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 26,
-    },
-    moodIconContainer: { flex: 1, flexDirection: `row`, justifyContent: `center` },
-});
+			</react_native_1.View>);
+    }
+}
+exports.default = Emotion;
+const emotionStyles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    feelingContainer: {
+        marginVertical: `3%`,
+    },
+    feelingText: {
+        textAlign: `center`,
+        color: `white`,
+        fontWeight: `bold`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 26,
+    },
+    moodIconContainer: { flex: 1, flexDirection: `row`, justifyContent: `center` },
+});

package/src/components/Emotion.tsx

@@ -1,4 +1,3 @@
-import { t } from "@lingui/macro";
 import React from "react";
 import { Dimensions, Image, StyleSheet, Text, View } from "react-native";
 import { i18n } from "../locale/i18nUtils";
@@ -46,7 +45,7 @@ export default class Emotion extends React.Component<IProps, IState> {
 		return (
 			<View style={emotionStyles.container}>
 				<View style={emotionStyles.feelingContainer}>
-					<Text style={emotionStyles.feelingText}>{i18n._(t`How are you feeling?`)}</Text>
+					<Text style={emotionStyles.feelingText}>{i18n._("How are you feeling?")}</Text>
 				</View>
 				<View style={emotionStyles.moodIconContainer}>{mapped}</View>
 			</View>

package/src/components/Header.d.ts

@@ -1,52 +1,52 @@
-import React from "react";
-import { IRecommendationProps } from "../RecommendationScreen";
-interface IProps {
-    exitCallback: IRecommendationProps["exitCallback"];
-}
-interface IState {
-    hello: string;
-}
-export default class Header extends React.Component<IProps, IState> {
-    state: IState;
-    render(): JSX.Element;
-}
-export declare const headerStyles: {
-    backgroundColour: {
-        backgroundColor: string;
-    };
-    margin: {
-        margin: string;
-        flexDirection: "row";
-        flex: number;
-    };
-    headerContainer: {
-        flexDirection: "row";
-        flex: number;
-    };
-    exitButtonContainer: {
-        flex: number;
-    };
-    exitButton: {
-        flex: number;
-    };
-    iconStyle: {
-        fontSize: number;
-        color: string;
-    };
-    headerTextContainer: {
-        flex: number;
-        justifyContent: "center";
-        alignItems: "center";
-        marginTop: string;
-    };
-    headerText: {
-        fontSize: number;
-        fontWeight: "bold";
-        textAlign: "center";
-        color: string;
-    };
-    headerFiller: {
-        flex: number;
-    };
-};
-export {};
+import React from "react";
+import { IRecommendationProps } from "../RecommendationScreen";
+interface IProps {
+    exitCallback: IRecommendationProps["exitCallback"];
+}
+interface IState {
+    hello: string;
+}
+export default class Header extends React.Component<IProps, IState> {
+    state: IState;
+    render(): JSX.Element;
+}
+export declare const headerStyles: {
+    backgroundColour: {
+        backgroundColor: string;
+    };
+    margin: {
+        margin: string;
+        flexDirection: "row";
+        flex: number;
+    };
+    headerContainer: {
+        flexDirection: "row";
+        flex: number;
+    };
+    exitButtonContainer: {
+        flex: number;
+    };
+    exitButton: {
+        flex: number;
+    };
+    iconStyle: {
+        fontSize: number;
+        color: string;
+    };
+    headerTextContainer: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+        marginTop: string;
+    };
+    headerText: {
+        fontSize: number;
+        fontWeight: "bold";
+        textAlign: "center";
+        color: string;
+    };
+    headerFiller: {
+        flex: number;
+    };
+};
+export {};

package/src/components/Header.js

@@ -1,23 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.headerStyles = void 0;
-const macro_1 = require("@lingui/macro");
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const i18nUtils_1 = require("../locale/i18nUtils");
-const Constants_1 = require("../utils/Constants");
-const Icon_1 = __importDefault(require("./Icon"));
-class Header extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            hello: `World`,
-        };
-    }
-    render() {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.headerStyles = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const i18nUtils_1 = require("../locale/i18nUtils");
+const Constants_1 = require("../utils/Constants");
+const Icon_1 = __importDefault(require("./Icon"));
+class Header extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            hello: `World`,
+        };
+    }
+    render() {
         return (<react_1.default.Fragment>
 				<react_native_1.SafeAreaView style={exports.headerStyles.backgroundColour}/>
 				<react_native_1.View style={exports.headerStyles.headerContainer}>
@@ -32,52 +31,52 @@ class Header extends react_1.default.Component {
 						</react_native_1.View>
 						<react_native_1.View style={exports.headerStyles.headerTextContainer}>
 							<react_native_1.Text style={exports.headerStyles.headerText} testID="headerText">
-								{i18nUtils_1.i18n._(macro_1.t `INSULIN\nRECOMMENDATION`)}
+								{i18nUtils_1.i18n._("INSULIN\nRECOMMENDATION")}
 							</react_native_1.Text>
 						</react_native_1.View>
 						<react_native_1.View style={exports.headerStyles.headerFiller}/>
 					</react_native_1.View>
 				</react_native_1.View>
-			</react_1.default.Fragment>);
-    }
-}
-exports.default = Header;
-exports.headerStyles = react_native_1.StyleSheet.create({
-    backgroundColour: {
-        backgroundColor: Constants_1.BACKGROUND_COLOUR_PURPLE,
-    },
-    margin: {
-        margin: `3%`,
-        flexDirection: `row`,
-        flex: 1,
-    },
-    headerContainer: {
-        flexDirection: `row`,
-        flex: 1,
-    },
-    exitButtonContainer: {
-        flex: 1,
-    },
-    exitButton: {
-        flex: 1,
-    },
-    iconStyle: {
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 10,
-        color: Constants_1.BORDER_COLOUR_WHITE,
-    },
-    headerTextContainer: {
-        flex: 5,
-        justifyContent: `center`,
-        alignItems: `center`,
-        marginTop: `5%`,
-    },
-    headerText: {
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 14,
-        fontWeight: `bold`,
-        textAlign: `center`,
-        color: `white`,
-    },
-    headerFiller: {
-        flex: 1,
-    },
-});
+			</react_1.default.Fragment>);
+    }
+}
+exports.default = Header;
+exports.headerStyles = react_native_1.StyleSheet.create({
+    backgroundColour: {
+        backgroundColor: Constants_1.BACKGROUND_COLOUR_PURPLE,
+    },
+    margin: {
+        margin: `3%`,
+        flexDirection: `row`,
+        flex: 1,
+    },
+    headerContainer: {
+        flexDirection: `row`,
+        flex: 1,
+    },
+    exitButtonContainer: {
+        flex: 1,
+    },
+    exitButton: {
+        flex: 1,
+    },
+    iconStyle: {
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 10,
+        color: Constants_1.BORDER_COLOUR_WHITE,
+    },
+    headerTextContainer: {
+        flex: 5,
+        justifyContent: `center`,
+        alignItems: `center`,
+        marginTop: `5%`,
+    },
+    headerText: {
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 14,
+        fontWeight: `bold`,
+        textAlign: `center`,
+        color: `white`,
+    },
+    headerFiller: {
+        flex: 1,
+    },
+});

package/src/components/Header.tsx

@@ -1,4 +1,3 @@
-import { t } from "@lingui/macro";
 import React from "react";
 import { Dimensions, SafeAreaView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import { i18n } from "../locale/i18nUtils";
@@ -42,7 +41,7 @@ export default class Header extends React.Component<IProps, IState> {
 						</View>
 						<View style={headerStyles.headerTextContainer}>
 							<Text style={headerStyles.headerText} testID="headerText">
-								{i18n._(t`INSULIN\nRECOMMENDATION`)}
+								{i18n._("INSULIN\nRECOMMENDATION")}
 							</Text>
 						</View>
 						<View style={headerStyles.headerFiller} />

package/src/components/Icon.js

@@ -1,41 +1,41 @@
-import React from "react";
-
-const IconSets = {
-	AntDesign: require(`react-native-vector-icons/AntDesign`),
-	Feather: require(`react-native-vector-icons/Feather`),
-	EvilIcons: require(`react-native-vector-icons/EvilIcons`),
-	Ionicons: require(`react-native-vector-icons/Ionicons`),
-	FontAwesome: require(`react-native-vector-icons/FontAwesome`),
-	Entypo: require(`react-native-vector-icons/Entypo`),
-};
-
-export default class Icon extends React.Component {
-	setNativeProps(nativeProps) {
-		this._root.setNativeProps(nativeProps);
-	}
-
-	render() {
-		const iconParts = this.props.iconIdentifier.split(`/`);
-		let iconPackageName = iconParts[0];
-		let iconName = iconParts[1];
-		if (!IconSets[iconPackageName]) {
-			iconPackageName = `FontAwesome`;
-			iconName = `question`;
-		}
-		const IconClass = IconSets[iconPackageName].default;
-		const clonedProps = { ...this.props, name: iconName };
-		delete clonedProps.iconIdentifier;
-
-		// Support FontAwesome5's solid/light/brand
-		if (clonedProps.iconStyle) {
-			clonedProps[clonedProps.iconStyle] = true;
-		}
-		delete clonedProps.iconStyle;
-
-		return <IconClass {...clonedProps} ref={(component) => (this._root = component)} />;
-	}
-}
-
-Icon.defaultProps = {
-	iconIdentifier: `FontAwesome/question`,
-};
+import React from "react";
+
+const IconSets = {
+	AntDesign: require(`react-native-vector-icons/AntDesign`),
+	Feather: require(`react-native-vector-icons/Feather`),
+	EvilIcons: require(`react-native-vector-icons/EvilIcons`),
+	Ionicons: require(`react-native-vector-icons/Ionicons`),
+	FontAwesome: require(`react-native-vector-icons/FontAwesome`),
+	Entypo: require(`react-native-vector-icons/Entypo`),
+};
+
+export default class Icon extends React.Component {
+	setNativeProps(nativeProps) {
+		this._root.setNativeProps(nativeProps);
+	}
+
+	render() {
+		const iconParts = this.props.iconIdentifier.split(`/`);
+		let iconPackageName = iconParts[0];
+		let iconName = iconParts[1];
+		if (!IconSets[iconPackageName]) {
+			iconPackageName = `FontAwesome`;
+			iconName = `question`;
+		}
+		const IconClass = IconSets[iconPackageName].default;
+		const clonedProps = { ...this.props, name: iconName };
+		delete clonedProps.iconIdentifier;
+
+		// Support FontAwesome5's solid/light/brand
+		if (clonedProps.iconStyle) {
+			clonedProps[clonedProps.iconStyle] = true;
+		}
+		delete clonedProps.iconStyle;
+
+		return <IconClass {...clonedProps} ref={(component) => (this._root = component)} />;
+	}
+}
+
+Icon.defaultProps = {
+	iconIdentifier: `FontAwesome/question`,
+};

package/src/components/InfoBars.d.ts

@@ -1,67 +1,67 @@
-import React from "react";
-export interface IProps {
-    label: string;
-    value?: string;
-    units: string;
-    showZeroAsDash: boolean;
-}
-export default class InfoBars extends React.Component<IProps> {
-    render(): JSX.Element;
-}
-export declare const infoStyles: {
-    container: {
-        flex: number;
-    };
-    margin: {
-        flex: number;
-        margin: string;
-        marginBottom: number;
-    };
-    border: {
-        borderWidth: number;
-        borderColor: string;
-        borderRadius: number;
-    };
-    borderContainer: {
-        flex: number;
-        flexDirection: "row";
-        justifyContent: "space-between";
-        paddingLeft: string;
-        paddingRight: string;
-    };
-    labelContainer: {
-        flex: number;
-        justifyContent: "center";
-    };
-    label: {
-        color: string;
-        fontSize: number;
-        fontWeight: "bold";
-    };
-    valueUnitContainer: {
-        flex: number;
-        justifyContent: "flex-end";
-        flexDirection: "row";
-    };
-    valueContainer: {
-        flex: number;
-        justifyContent: "flex-end";
-    };
-    value: {
-        color: string;
-        fontSize: number;
-        fontWeight: "bold";
-        textAlign: "right";
-    };
-    unitContainer: {
-        flex: number;
-        justifyContent: "flex-end";
-        paddingBottom: string;
-    };
-    units: {
-        color: string;
-        fontSize: number;
-        textAlign: "left";
-        paddingLeft: string;
-    };
-};
+import React from "react";
+export interface IProps {
+    label: string;
+    value?: string;
+    units: string;
+    showZeroAsDash: boolean;
+}
+export default class InfoBars extends React.Component<IProps> {
+    render(): JSX.Element;
+}
+export declare const infoStyles: {
+    container: {
+        flex: number;
+    };
+    margin: {
+        flex: number;
+        margin: string;
+        marginBottom: number;
+    };
+    border: {
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: number;
+    };
+    borderContainer: {
+        flex: number;
+        flexDirection: "row";
+        justifyContent: "space-between";
+        paddingLeft: string;
+        paddingRight: string;
+    };
+    labelContainer: {
+        flex: number;
+        justifyContent: "center";
+    };
+    label: {
+        color: string;
+        fontSize: number;
+        fontWeight: "bold";
+    };
+    valueUnitContainer: {
+        flex: number;
+        justifyContent: "flex-end";
+        flexDirection: "row";
+    };
+    valueContainer: {
+        flex: number;
+        justifyContent: "flex-end";
+    };
+    value: {
+        color: string;
+        fontSize: number;
+        fontWeight: "bold";
+        textAlign: "right";
+    };
+    unitContainer: {
+        flex: number;
+        justifyContent: "flex-end";
+        paddingBottom: string;
+    };
+    units: {
+        color: string;
+        fontSize: number;
+        textAlign: "left";
+        paddingLeft: string;
+    };
+};