@hedia/recommendation-screen 1.0.7 → 1.1.0

package/src/components/Emotion.jsx

@@ -1,54 +0,0 @@
-"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._("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` },
-});

package/src/components/Emotion.tsx

@@ -1,70 +0,0 @@
-import React from "react";
-import { Dimensions, Image, StyleSheet, Text, View } from "react-native";
-import { i18n } from "../locale/i18nUtils";
-import { MoodEnum } from "../types/enum";
-import MoodIcon from "./MoodIcon";
-
-interface IProps {
-	moodSelected(mood: MoodEnum | 0): void;
-}
-
-type value = keyof typeof MoodEnum;
-
-interface IState {
-	selected: MoodEnum | 0;
-}
-
-export default class Emotion extends React.Component<IProps, IState> {
-	public state: IState = {
-		selected: 0,
-	};
-
-	public handleIconPress = (selected: number, toggle: boolean) => {
-		const select = toggle ? selected : 0;
-		this.setState({
-			selected: select,
-		});
-		this.props.moodSelected(select);
-	};
-
-	public render() {
-		const values = Object.values(MoodEnum).filter((val) => isNaN(Number(val))) as Array<value>;
-
-		const mapped = values.map((key) => {
-			const moodValue = MoodEnum[key];
-			return (
-				<MoodIcon
-					onPress={(toggle) => this.handleIconPress(moodValue, toggle)}
-					active={moodValue === this.state.selected}
-					mood={moodValue}
-					key={moodValue}
-				/>
-			);
-		});
-
-		return (
-			<View style={emotionStyles.container}>
-				<View style={emotionStyles.feelingContainer}>
-					<Text style={emotionStyles.feelingText}>{i18n._("How are you feeling?")}</Text>
-				</View>
-				<View style={emotionStyles.moodIconContainer}>{mapped}</View>
-			</View>
-		);
-	}
-}
-
-const emotionStyles = StyleSheet.create({
-	container: {
-		flex: 1,
-	},
-	feelingContainer: {
-		marginVertical: `3%`,
-	},
-	feelingText: {
-		textAlign: `center`,
-		color: `white`,
-		fontWeight: `bold`,
-		fontSize: Dimensions.get(`screen`).width / 26,
-	},
-	moodIconContainer: { flex: 1, flexDirection: `row`, justifyContent: `center` },
-});

package/src/components/Header.d.ts

@@ -1,52 +0,0 @@
-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.jsx

@@ -1,82 +0,0 @@
-"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}>
-					<react_native_1.View style={exports.headerStyles.margin}>
-						<react_native_1.View style={exports.headerStyles.exitButtonContainer}>
-							<react_native_1.View style={exports.headerStyles.exitButton}>
-								<react_native_1.TouchableOpacity accessibilityLabel="exitButton" style={exports.headerStyles.exitButton} onPress={this.props.exitCallback}>
-									<Icon_1.default iconIdentifier={`Ionicons/ios-close-circle-outline`} style={exports.headerStyles.iconStyle}/>
-								</react_native_1.TouchableOpacity>
-								<react_native_1.View style={exports.headerStyles.headerFiller}/>
-							</react_native_1.View>
-						</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._("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,
-    },
-});

package/src/components/InfoBars.d.ts

@@ -1,67 +0,0 @@
-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;
-    };
-};

package/src/components/InfoBars.jsx

@@ -1,90 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.infoStyles = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const Constants_1 = require("../utils/Constants");
-const Header_1 = require("./Header");
-class InfoBars extends react_1.default.Component {
-    render() {
-        const displayedValue = this.props.value ?? (this.props.showZeroAsDash ? `-.-` : `0`);
-        return (<react_native_1.View style={exports.infoStyles.container}>
-				<react_native_1.View style={exports.infoStyles.margin}>
-					<react_native_1.View style={exports.infoStyles.border}>
-						<react_native_1.View style={exports.infoStyles.borderContainer}>
-							<react_native_1.View style={exports.infoStyles.labelContainer}>
-								<react_native_1.Text style={exports.infoStyles.label}>{this.props.label}</react_native_1.Text>
-							</react_native_1.View>
-							<react_native_1.View style={exports.infoStyles.valueUnitContainer}>
-								<react_native_1.View style={exports.infoStyles.valueContainer}>
-									<react_native_1.Text style={exports.infoStyles.value}>{displayedValue}</react_native_1.Text>
-								</react_native_1.View>
-								<react_native_1.View style={exports.infoStyles.unitContainer}>
-									<react_native_1.Text style={exports.infoStyles.units}>{this.props.units}</react_native_1.Text>
-								</react_native_1.View>
-							</react_native_1.View>
-						</react_native_1.View>
-					</react_native_1.View>
-				</react_native_1.View>
-			</react_native_1.View>);
-    }
-}
-exports.default = InfoBars;
-exports.infoStyles = react_native_1.StyleSheet.create({
-    container: { flex: 1 },
-    margin: {
-        flex: 1,
-        margin: Header_1.headerStyles.margin.margin,
-        marginBottom: 0,
-    },
-    border: {
-        borderWidth: 2,
-        borderColor: Constants_1.BORDER_COLOUR_WHITE,
-        borderRadius: 5,
-    },
-    borderContainer: {
-        flex: 1,
-        flexDirection: `row`,
-        justifyContent: `space-between`,
-        paddingLeft: `3%`,
-        paddingRight: `3%`,
-    },
-    labelContainer: {
-        flex: 7,
-        justifyContent: `center`,
-    },
-    label: {
-        color: `white`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 22,
-        fontWeight: `bold`,
-    },
-    valueUnitContainer: {
-        flex: 4,
-        justifyContent: `flex-end`,
-        flexDirection: `row`,
-    },
-    valueContainer: {
-        flex: 1,
-        justifyContent: `flex-end`,
-    },
-    value: {
-        color: `white`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 16,
-        fontWeight: `bold`,
-        textAlign: `right`,
-    },
-    unitContainer: {
-        flex: 1,
-        justifyContent: `flex-end`,
-        paddingBottom: `3%`,
-    },
-    units: {
-        color: `white`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 30,
-        textAlign: `left`,
-        paddingLeft: `5%`,
-    },
-});

package/src/components/InvisibleNumberInput.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import { TextInput } from "react-native";
-interface IProps {
-    startValue?: string;
-    decimalPlaces: number;
-    cleanPartialInput: boolean;
-    negativeAllowed: boolean;
-    visible(toggle: () => void): void;
-    onEnd?(value: number): void;
-    partialInput?(value: string): void;
-}
-interface IState {
-    value: string;
-}
-export default class InvisibleNumberInput extends React.Component<IProps, IState> {
-    textInput: TextInput;
-    state: IState;
-    componentDidMount(): void;
-    cleanInput: (text: string) => string;
-    handleOnChangeText: (text: string) => void;
-    onEndEdit: () => void;
-    render(): JSX.Element;
-}
-export {};

package/src/components/InvisibleNumberInput.jsx

@@ -1,64 +0,0 @@
-"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");
-class InvisibleNumberInput extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            value: `0`,
-        };
-        this.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);
-                if (this.props.negativeAllowed) {
-                    return rounded.toFixed(this.props.decimalPlaces);
-                }
-                return Math.abs(rounded).toFixed(this.props.decimalPlaces);
-            };
-            if (!isNaN(Number(replaced))) {
-                return round(replaced);
-            }
-            return `0`;
-        };
-        this.handleOnChangeText = (text) => {
-            const cleaned = this.props.cleanPartialInput ? this.cleanInput(text) : text.replace(/\,/g, `.`);
-            const replacedSeperator = cleaned.replace(/\.+/g, `.`);
-            this.setState({
-                value: `${replacedSeperator}`,
-            });
-            this.props.partialInput?.(`${replacedSeperator}`);
-        };
-        this.onEndEdit = () => {
-            const cleaned = this.cleanInput(this.state.value);
-            this.props.onEnd?.(Number(cleaned));
-        };
-    }
-    componentDidMount() {
-        this.setState({
-            value: this.props.startValue ?? `0`,
-        });
-        this.props.visible(() => {
-            this.setState({
-                value: this.props.startValue ?? `0`,
-            });
-            return this.textInput.focus();
-        });
-    }
-    render() {
-        return (<react_native_1.TextInput accessibilityLabel="InvisibleNumberInput" value={`${this.state.value}`} ref={(textInput) => (this.textInput = textInput)} style={inputStyles.textInput} keyboardType="numeric" onChangeText={this.handleOnChangeText} onEndEditing={this.onEndEdit}/>);
-    }
-}
-exports.default = InvisibleNumberInput;
-const inputStyles = react_native_1.StyleSheet.create({
-    textInput: {
-        width: 0,
-        height: 0,
-        padding: 0.2,
-    },
-});

package/src/components/MoodIcon.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { ImageURISource } from "react-native";
-import { MoodEnum } from "../types/enum";
-interface IProps {
-    mood: MoodEnum;
-    active: boolean;
-    onPress(toggle: boolean): void;
-}
-export default class MoodIcon extends React.Component<IProps> {
-    getMoodIcon: () => ImageURISource;
-    handleOnPress: () => void;
-    render(): JSX.Element;
-}
-export {};

package/src/components/MoodIcon.jsx

@@ -1,53 +0,0 @@
-"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 enum_1 = require("../types/enum");
-const moods_inactive = {
-    1: require(`../assets/sad.png`),
-    2: require(`../assets/semi_sad.png`),
-    3: require(`../assets/neutral.png`),
-    4: require(`../assets/semi_happy.png`),
-    5: require(`../assets/happy.png`),
-};
-const moods_active = {
-    1: require(`../assets/sad_active.png`),
-    2: require(`../assets/semi_sad_active.png`),
-    3: require(`../assets/neutral_active.png`),
-    4: require(`../assets/semi_happy_active.png`),
-    5: require(`../assets/happy_active.png`),
-};
-class MoodIcon extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.getMoodIcon = () => {
-            if (this.props.active) {
-                return moods_active[this.props.mood];
-            }
-            return moods_inactive[this.props.mood];
-        };
-        this.handleOnPress = () => {
-            this.props.onPress(!this.props.active);
-        };
-    }
-    render() {
-        const { mood, active } = this.props;
-        const label = `${enum_1.MoodEnum[mood]}_${active}`;
-        return (<react_native_1.TouchableOpacity style={moodIconStyles.container} onPress={this.handleOnPress} accessibilityLabel={label}>
-				<react_native_1.Image style={moodIconStyles.icon} source={this.getMoodIcon()}/>
-			</react_native_1.TouchableOpacity>);
-    }
-}
-exports.default = MoodIcon;
-const moodIconStyles = react_native_1.StyleSheet.create({
-    container: {
-        marginHorizontal: `1%`,
-    },
-    icon: {
-        width: react_native_1.Dimensions.get(`screen`).width / 8,
-        height: react_native_1.Dimensions.get(`screen`).width / 8,
-    },
-});

package/src/components/RecentInsulin.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface IProps {
-    onRecentInsulinYes(): void;
-    onRecentInsulinNo(): void;
-}
-export default class RecentInsulin extends React.Component<IProps> {
-    render: () => JSX.Element;
-}
-export {};

package/src/components/RecentInsulin.jsx

@@ -1,90 +0,0 @@
-"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 InfoBars_1 = require("./InfoBars");
-class RecentInsulin extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.render = () => {
-            return (<react_native_1.View style={recentInsulinStyles.container}>
-				<react_native_1.View style={recentInsulinStyles.titleContainer}>
-					<react_native_1.Text style={recentInsulinStyles.recommended}>{i18nUtils_1.i18n._("Recommended amount of insulin")}</react_native_1.Text>
-				</react_native_1.View>
-				<react_native_1.View style={recentInsulinStyles.takenInsulinContainer}>
-					<react_native_1.Text style={recentInsulinStyles.takenInsulin}>
-						{i18nUtils_1.i18n._("Have you taken insulin within the last 4 hours?")}
-					</react_native_1.Text>
-				</react_native_1.View>
-				<react_native_1.View style={recentInsulinStyles.buttonContainer}>
-					<react_native_1.View style={recentInsulinStyles.filler}/>
-					<react_native_1.TouchableOpacity onPress={this.props.onRecentInsulinYes} style={[recentInsulinStyles.yesNoContainer, { marginRight: `2%` }]}>
-						<react_native_1.Text style={recentInsulinStyles.yesNoText}>{i18nUtils_1.i18n._("Yes")}</react_native_1.Text>
-					</react_native_1.TouchableOpacity>
-					<react_native_1.TouchableOpacity onPress={this.props.onRecentInsulinNo} style={[recentInsulinStyles.yesNoContainer, { marginLeft: `2%` }]}>
-						<react_native_1.Text style={recentInsulinStyles.yesNoText}>{i18nUtils_1.i18n._("No")}</react_native_1.Text>
-					</react_native_1.TouchableOpacity>
-					<react_native_1.View style={recentInsulinStyles.filler}/>
-				</react_native_1.View>
-			</react_native_1.View>);
-        };
-    }
-}
-exports.default = RecentInsulin;
-const recentInsulinStyles = react_native_1.StyleSheet.create({
-    container: {
-        ...InfoBars_1.infoStyles.margin,
-        backgroundColor: `rgba(118, 82, 255, 0.5)`,
-        borderRadius: 5,
-    },
-    titleContainer: {
-        flex: 1,
-        justifyContent: `center`,
-        alignItems: `center`,
-        marginTop: `4%`,
-        marginBottom: `4%`,
-    },
-    recommended: {
-        ...InfoBars_1.infoStyles.label,
-    },
-    takenInsulinContainer: {
-        flex: 1,
-        justifyContent: `center`,
-        alignItems: `center`,
-        marginTop: `2%`,
-    },
-    takenInsulin: {
-        ...InfoBars_1.infoStyles.label,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 27,
-    },
-    buttonContainer: {
-        flex: 1,
-        flexDirection: `row`,
-        justifyContent: `space-evenly`,
-        marginTop: `4%`,
-        marginBottom: `5%`,
-    },
-    yesNoContainer: {
-        flex: 1,
-        borderColor: `white`,
-        borderRadius: 100,
-        borderWidth: 2,
-        paddingHorizontal: `2%`,
-        paddingVertical: `1%`,
-    },
-    yesNoText: {
-        textAlign: `center`,
-        paddingTop: `1%`,
-        paddingBottom: `1%`,
-        color: `white`,
-        fontSize: react_native_1.Dimensions.get(`screen`).width / 25,
-        fontWeight: `bold`,
-    },
-    filler: {
-        flex: 1,
-    },
-});