@hedia/recommendation-screen 1.0.2 → 1.0.3

package/src/components/MoodIcon.d.ts

@@ -0,0 +1,14 @@
+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.js

@@ -0,0 +1,53 @@
+"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

@@ -0,0 +1,9 @@
+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.js

@@ -0,0 +1,90 @@
+"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,
+    },
+});

package/src/components/RecommendedCarbs.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { RecommendationError } from "../utils/RecommendationError";
+interface ICalculationRow {
+    label: string;
+    info: string;
+    value: string;
+    units: string;
+}
+interface IProps {
+    recommendedCarbs?: string;
+    enteredCarbs: string;
+    removeRecommendedCarbs(): void;
+    changedRecommendedCarbs(value: number): void;
+    onError(error: RecommendationError): void;
+}
+interface IState {
+    remeasureTime: number;
+    partialInput: string;
+}
+export default class RecommendedCarbs extends React.Component<IProps, IState> {
+    state: IState;
+    callbackInput: () => void;
+    showTextInput: () => void;
+    handlePartialInput: (partialInput: string) => void;
+    handleChangedCarbs: (carbs: number) => void;
+    renderRecommendedCarbs: () => JSX.Element;
+    renderRow: (row: ICalculationRow) => JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/src/components/RecommendedCarbs.js

@@ -0,0 +1,192 @@
+"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 Constants_1 = require("../utils/Constants");
+const RecommendationError_1 = require("../utils/RecommendationError");
+const Icon_1 = __importDefault(require("./Icon"));
+const InfoBars_1 = require("./InfoBars");
+const InvisibleNumberInput_1 = __importDefault(require("./InvisibleNumberInput"));
+class RecommendedCarbs extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            remeasureTime: 1.5,
+            partialInput: null,
+        };
+        this.showTextInput = () => {
+            this.callbackInput?.();
+        };
+        this.handlePartialInput = (partialInput) => {
+            this.setState({
+                partialInput,
+            });
+        };
+        this.handleChangedCarbs = (carbs) => {
+            if (carbs >= 0) {
+                if (carbs > 300) {
+                    return this.props.onError(RecommendationError_1.CarbohydrateLimitError);
+                }
+                this.props.changedRecommendedCarbs(carbs);
+            }
+        };
+        this.renderRecommendedCarbs = () => {
+            return (<react_1.default.Fragment>
+				<react_native_1.View style={calculationStyles.borderContainer}>
+					<react_native_1.View style={calculationStyles.recommendedContainer}>
+						<react_native_1.TouchableOpacity accessibilityLabel="removeRecommendedCarbs" style={calculationStyles.removeRecommended} onPress={this.props.removeRecommendedCarbs}>
+							<Icon_1.default iconIdentifier={`Ionicons/ios-close-circle-outline`} style={calculationStyles.removeRecommendedIcon}/>
+						</react_native_1.TouchableOpacity>
+						<react_native_1.Text style={calculationStyles.recommendedLabel}>{i18nUtils_1.i18n._("Recommended")}</react_native_1.Text>
+					</react_native_1.View>
+					<react_native_1.View style={calculationStyles.additionalContainer}>
+						<react_native_1.Text style={calculationStyles.additional}>{i18nUtils_1.i18n._("Additional")}</react_native_1.Text>
+					</react_native_1.View>
+					<react_native_1.View style={{ flex: calculationStyles.valueUnitContainer[`flex`] }}>
+						<react_native_1.TouchableOpacity accessibilityLabel="editRecommendedCarbsButton" onPress={this.showTextInput} style={[calculationStyles.valueUnitContainer, calculationStyles.recommendedBorder]}>
+							<react_native_1.View style={calculationStyles.valueContainer}>
+								<react_native_1.Text style={[calculationStyles.value, { color: Constants_1.BORDER_COLOUR_TEAL }]}>
+									+{this.state.partialInput ?? this.props.recommendedCarbs}
+								</react_native_1.Text>
+							</react_native_1.View>
+							<react_native_1.View style={[calculationStyles.unitContainer]}>
+								<react_native_1.View style={calculationStyles.editIconContainer}>
+									<Icon_1.default style={calculationStyles.editIcon} iconIdentifier={`Feather/edit`}/>
+								</react_native_1.View>
+								<react_native_1.Text style={[calculationStyles.units, { color: Constants_1.BORDER_COLOUR_TEAL }]}>
+									{i18nUtils_1.i18n._("g carbs")}
+								</react_native_1.Text>
+							</react_native_1.View>
+						</react_native_1.TouchableOpacity>
+					</react_native_1.View>
+				</react_native_1.View>
+				{this.renderRow({
+                label: ``,
+                info: i18nUtils_1.i18n._("Total"),
+                value: `0`,
+                units: i18nUtils_1.i18n._("g carbs"),
+            })}
+				<InvisibleNumberInput_1.default negativeAllowed={false} cleanPartialInput={true} decimalPlaces={0} visible={(callback) => (this.callbackInput = callback)} partialInput={this.handlePartialInput} onEnd={(val) => {
+                this.handleChangedCarbs(val);
+            }} startValue={this.props.recommendedCarbs}/>
+			</react_1.default.Fragment>);
+        };
+        this.renderRow = (row) => {
+            return (<react_native_1.View style={calculationStyles.borderContainer}>
+				<react_native_1.View style={calculationStyles.foodContainer}>
+					<react_native_1.Text style={calculationStyles.foodLabel}>{row.label}</react_native_1.Text>
+				</react_native_1.View>
+				<react_native_1.View style={calculationStyles.enteredContainer}>
+					<react_native_1.Text style={calculationStyles.entered}>{row.info}</react_native_1.Text>
+				</react_native_1.View>
+				<react_native_1.View style={calculationStyles.valueUnitContainer}>
+					<react_native_1.View style={calculationStyles.valueContainer}>
+						<react_native_1.Text style={calculationStyles.value}>{row.value}</react_native_1.Text>
+					</react_native_1.View>
+					<react_native_1.View style={calculationStyles.unitContainer}>
+						<react_native_1.Text style={calculationStyles.units}>{row.units}</react_native_1.Text>
+					</react_native_1.View>
+				</react_native_1.View>
+			</react_native_1.View>);
+        };
+    }
+    render() {
+        const carbs = Number(this.props.recommendedCarbs);
+        return (<react_1.default.Fragment>
+				{this.renderRow({
+            label: i18nUtils_1.i18n._("Food"),
+            info: i18nUtils_1.i18n._("Entered"),
+            value: this.props.enteredCarbs,
+            units: i18nUtils_1.i18n._("g carbs"),
+        })}
+				{!isNaN(carbs) && carbs > 0 ? this.renderRecommendedCarbs() : null}
+			</react_1.default.Fragment>);
+    }
+}
+exports.default = RecommendedCarbs;
+const calculationStyles = react_native_1.StyleSheet.create({
+    borderContainer: {
+        ...InfoBars_1.infoStyles.borderContainer,
+        alignItems: `center`,
+    },
+    foodContainer: {
+        flex: 4,
+    },
+    foodLabel: {
+        color: `white`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 22,
+        fontWeight: `bold`,
+    },
+    enteredContainer: {
+        flex: 3,
+        alignItems: `flex-end`,
+    },
+    entered: {
+        color: `white`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 23,
+    },
+    valueUnitContainer: {
+        ...InfoBars_1.infoStyles.valueUnitContainer,
+    },
+    valueContainer: {
+        ...InfoBars_1.infoStyles.valueContainer,
+    },
+    value: {
+        ...InfoBars_1.infoStyles.value,
+    },
+    unitContainer: {
+        ...InfoBars_1.infoStyles.unitContainer,
+    },
+    units: {
+        ...InfoBars_1.infoStyles.units,
+    },
+    editIconContainer: {
+        justifyContent: `flex-end`,
+        flexDirection: `row`,
+        paddingRight: `5%`,
+    },
+    editIcon: {
+        color: Constants_1.BORDER_COLOUR_TEAL,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 30,
+    },
+    recommendedContainer: {
+        flex: 4,
+        flexDirection: `row`,
+    },
+    recommendedLabel: {
+        color: Constants_1.BORDER_COLOUR_TEAL,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 27,
+        fontWeight: `bold`,
+    },
+    removeRecommended: {
+        justifyContent: `center`,
+        padding: `1%`,
+        marginRight: `2%`,
+        marginTop: `1%`,
+    },
+    removeRecommendedIcon: {
+        color: Constants_1.BORDER_COLOUR_TEAL,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 26,
+    },
+    additionalContainer: {
+        flex: 3,
+        alignItems: `flex-end`,
+    },
+    additional: {
+        color: Constants_1.BORDER_COLOUR_TEAL,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 27,
+    },
+    recommendedBorder: {
+        borderWidth: 2,
+        borderColor: Constants_1.BORDER_COLOUR_TEAL,
+        borderRadius: 5,
+        paddingBottom: `2%`,
+        marginLeft: `10%`,
+        paddingRight: `3%`,
+        marginRight: `7%`,
+    },
+});

package/src/components/RecommendedInsulin.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { InjectionMethod } from "../types/enum";
+import { RecommendationError } from "../utils/RecommendationError";
+interface IProps {
+    insulinRecommendation?: number;
+    activityReduction?: number;
+    injectionMethod: InjectionMethod;
+    updateRecommendedInsulin(value: number): void;
+    onError(error: RecommendationError): void;
+}
+interface IState {
+    insulin: string;
+}
+export default class RecommendedInsulin extends React.Component<IProps, IState> {
+    callbackInput: () => void;
+    constructor(props: IProps);
+    handleOnPress: () => void;
+    updatePartially: (insulin: string) => string;
+    handleUpdatedInsulin: (value: number) => void;
+    render: () => JSX.Element;
+}
+export {};

package/src/components/RecommendedInsulin.js

@@ -0,0 +1,109 @@
+"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 react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
+const i18nUtils_1 = require("../locale/i18nUtils");
+const RecommendationError_1 = require("../utils/RecommendationError");
+const Utils_1 = require("../utils/Utils");
+const Icon_1 = __importDefault(require("./Icon"));
+const InfoBars_1 = require("./InfoBars");
+const InvisibleNumberInput_1 = __importDefault(require("./InvisibleNumberInput"));
+class RecommendedInsulin extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.handleOnPress = () => {
+            this.callbackInput?.();
+        };
+        this.updatePartially = (insulin) => {
+            const replacedZero = insulin.length > 1 && insulin.startsWith(`0`) && !insulin.startsWith(`0.`) ? insulin.substring(1) : insulin;
+            this.setState({
+                insulin: replacedZero,
+            });
+            return replacedZero;
+        };
+        this.handleUpdatedInsulin = (value) => {
+            const rounded = Utils_1.Utils.roundValue(value, this.props.injectionMethod);
+            // https://hedia.atlassian.net/browse/HDA-795
+            const limited = (1 - this.props.activityReduction) * 50;
+            if (rounded > limited) {
+                this.updatePartially(`${limited}`);
+                return this.props.onError(RecommendationError_1.InsulinLimitError);
+            }
+            this.updatePartially(`${rounded}`);
+            this.props.updateRecommendedInsulin(rounded);
+        };
+        this.render = () => {
+            return (<react_1.default.Fragment>
+				<react_native_1.TouchableOpacity accessibilityLabel="editRecommendedInsulin" onPress={this.handleOnPress}>
+					<react_native_linear_gradient_1.default style={recommendedInsulinStyles.container} colors={[`#a200ff`, `#578aff`]} start={{ x: 0, y: 0 }} end={{ x: 1, y: 0 }}>
+						<react_native_1.View style={recommendedInsulinStyles.recommendedTextContainer}>
+							<react_native_1.Text style={recommendedInsulinStyles.recommendedText}>
+								{i18nUtils_1.i18n._("Recommended amount of insulin")}
+							</react_native_1.Text>
+						</react_native_1.View>
+						<react_native_1.View style={recommendedInsulinStyles.recommendedContainer}>
+							<react_native_1.View style={recommendedInsulinStyles.valueContainer}>
+								<react_native_1.Text style={recommendedInsulinStyles.value}>{this.state.insulin}</react_native_1.Text>
+								<react_native_1.Text style={recommendedInsulinStyles.units}>{i18nUtils_1.i18n._("Units")}</react_native_1.Text>
+							</react_native_1.View>
+							<Icon_1.default style={recommendedInsulinStyles.editIcon} iconIdentifier={`Feather/edit`}/>
+						</react_native_1.View>
+					</react_native_linear_gradient_1.default>
+				</react_native_1.TouchableOpacity>
+				<InvisibleNumberInput_1.default decimalPlaces={3} negativeAllowed={false} cleanPartialInput={false} partialInput={this.updatePartially} onEnd={this.handleUpdatedInsulin} visible={(visible) => (this.callbackInput = visible)} startValue={`${this.state.insulin}`}/>
+			</react_1.default.Fragment>);
+        };
+        this.state = {
+            insulin: `${props.insulinRecommendation ?? 0}`,
+        };
+    }
+}
+exports.default = RecommendedInsulin;
+const recommendedInsulinStyles = react_native_1.StyleSheet.create({
+    container: {
+        marginHorizontal: InfoBars_1.infoStyles.margin.margin,
+        borderRadius: 5,
+    },
+    recommendedTextContainer: {
+        flex: 1,
+        alignItems: `center`,
+        marginTop: `3%`,
+    },
+    recommendedText: {
+        color: `white`,
+        fontWeight: `bold`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 24,
+    },
+    recommendedContainer: {
+        flex: 1,
+        flexDirection: `row`,
+        marginLeft: `10%`,
+    },
+    valueContainer: {
+        flex: 1,
+        flexDirection: `row`,
+        justifyContent: `center`,
+    },
+    value: {
+        color: `white`,
+        fontWeight: `bold`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 5,
+    },
+    units: {
+        color: `white`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 28,
+        textAlignVertical: `bottom`,
+        paddingBottom: `6%`,
+    },
+    editIcon: {
+        color: `white`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 28,
+        textAlignVertical: `center`,
+        paddingBottom: `10%`,
+        marginRight: `5%`,
+    },
+});

package/src/components/Remeasure.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface IProps {
+    remeasureTime: number;
+    onSliderChange(value: number): void;
+}
+export default class Remeasure extends React.Component<IProps, null> {
+    private slider;
+    componentDidMount(): void;
+    handleSliderChange: (remeasureTime: number) => void;
+    limitTime: (remeasureTime: number) => number;
+    render(): JSX.Element;
+}
+export {};

package/src/components/Remeasure.js

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const slider_1 = __importDefault(require("@react-native-community/slider"));
+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 InfoBars_1 = require("./InfoBars");
+class Remeasure extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.handleSliderChange = (remeasureTime) => {
+            const limited = this.limitTime(remeasureTime);
+            this.setState({
+                remeasureTime: limited,
+            });
+            this.props.onSliderChange(limited);
+        };
+        this.limitTime = (remeasureTime) => {
+            return Math.min(Math.max(0, remeasureTime), 4);
+        };
+    }
+    componentDidMount() {
+        this.slider.setNativeProps({
+            value: this.props.remeasureTime,
+        });
+    }
+    render() {
+        const measure = this.props.remeasureTime > 0;
+        const limited = this.limitTime(this.props.remeasureTime);
+        return (<react_native_1.View style={remeasureStyles.container}>
+				<react_native_1.View style={remeasureStyles.borderContainer}>
+					<react_native_1.View style={remeasureStyles.remeasureContainer}>
+						<react_native_1.Text style={remeasureStyles.remeasureLabel}>{i18nUtils_1.i18n._("Remind me to remeasure in")}</react_native_1.Text>
+					</react_native_1.View>
+					<react_native_1.View style={remeasureStyles.valueUnitContainer}>
+						<react_native_1.View style={remeasureStyles.valueContainer}>
+							<react_native_1.Text style={remeasureStyles.value}>{measure ? limited : i18nUtils_1.i18n._("OFF")}</react_native_1.Text>
+						</react_native_1.View>
+						<react_native_1.View style={remeasureStyles.unitContainer}>
+							<react_native_1.Text style={remeasureStyles.units}>{measure ? i18nUtils_1.i18n._("hours") : ``}</react_native_1.Text>
+						</react_native_1.View>
+					</react_native_1.View>
+				</react_native_1.View>
+				<slider_1.default ref={(slider) => (this.slider = slider)} accessibilityLabel="remeasureSlider" maximumTrackTintColor={Constants_1.BORDER_COLOUR_TEAL} minimumTrackTintColor={Constants_1.BORDER_COLOUR_TEAL} thumbTintColor={Constants_1.BORDER_COLOUR_TEAL} maximumValue={4} minimumValue={0} step={0.5} style={remeasureStyles.sliderStyle} onValueChange={this.handleSliderChange}></slider_1.default>
+			</react_native_1.View>);
+    }
+}
+exports.default = Remeasure;
+const remeasureStyles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: `column`,
+    },
+    borderContainer: {
+        ...InfoBars_1.infoStyles.borderContainer,
+        alignItems: `center`,
+    },
+    remeasureContainer: {
+        flex: 7,
+    },
+    remeasureLabel: {
+        color: `white`,
+        fontSize: react_native_1.Dimensions.get(`screen`).width / 25,
+        fontWeight: `bold`,
+    },
+    valueUnitContainer: {
+        ...InfoBars_1.infoStyles.valueUnitContainer,
+    },
+    valueContainer: {
+        ...InfoBars_1.infoStyles.valueContainer,
+    },
+    value: {
+        ...InfoBars_1.infoStyles.value,
+    },
+    unitContainer: {
+        ...InfoBars_1.infoStyles.unitContainer,
+    },
+    units: {
+        ...InfoBars_1.infoStyles.units,
+    },
+    sliderStyle: {
+        marginTop: `3%`,
+        marginBottom: `2%`,
+    },
+});

package/src/components/TransferToLogbook.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface IProps {
+    visible: boolean;
+    transfer(): void;
+}
+interface IState {
+    pressed: boolean;
+}
+export default class TransferToLogbook extends React.Component<IProps, IState> {
+    state: IState;
+    handlePress: () => void;
+    render(): JSX.Element;
+}
+export {};