@hedia/recommendation-screen 2.1.52 → 2.1.53-alpha.0

package/dist/src/components/Icon.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import { StyleSheet } from "react-native";
-/** Mapping from react-native-vector-icons identifier to corresponding icon resource. */
-export declare const IconSets: Record<string, any>;
-export interface IProps {
-    /** The name of the react-native-vector-icons identifier */
-    iconIdentifier: string;
-    /** Style of the icon */
-    iconStyle: StyleSheet.NamedStyles<any>;
-}
-/** Component used to display a react-native-vector-icons */
-export default class Icon extends React.Component<IProps> {
-    static defaultProps: any;
-    _root: any;
-    setNativeProps(nativeProps: any): void;
-    /**
-     * @returns JSX Element containing the desired react-native-vector-icons
-     */
-    render(): JSX.Element;
-}

package/dist/src/components/Icon.js

@@ -1,43 +0,0 @@
-// @ts-nocheck
-/* tslint:disable */
-import React from "react";
-/** Mapping from react-native-vector-icons identifier to corresponding icon resource. */
-export 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`),
-};
-/** Component used to display a react-native-vector-icons */
-export default class Icon extends React.Component {
-    static defaultProps;
-    _root;
-    setNativeProps(nativeProps) {
-        this._root.setNativeProps(nativeProps);
-    }
-    /**
-     * @returns JSX Element containing the desired react-native-vector-icons
-     */
-    render() {
-        const iconParts = this.props.iconIdentifier.split(`/`);
-        let iconPackageName = iconParts[0];
-        let iconName = iconParts[1];
-        if (!IconSets[iconPackageName]) {
-            iconPackageName = `FontAwesome`;
-            iconName = `question`;
-        }
-        const clonedProps = {
-            ...this.props,
-            name: iconName,
-            iconIdentifier: undefined,
-            ref: (component) => (this._root = component),
-        };
-        const IconClass = IconSets[iconPackageName].default;
-        return <IconClass {...clonedProps}/>;
-    }
-}
-Icon.defaultProps = {
-    iconIdentifier: `FontAwesome/question`,
-};

package/dist/src/components/TwoOptionModal.d.ts

@@ -1,147 +0,0 @@
-import * as React from "react";
-export interface ITwoOptionModalProps {
-    /** The title of the modal. */
-    title: string;
-    /** The message to show in the modal. */
-    message: string;
-    /** The label of the first option. */
-    textFirstOption: string;
-    /**  The label of the second option. */
-    textSecondOption: string;
-    /** Whether or not the modal shall have a cancel button in the corner to close the modal. */
-    isCancelable?: boolean;
-    /**  If true the buttons will be displayed side-by-side. If false the buttons will be displayed on top of each other. */
-    rowAsButtonLayout: boolean;
-    /** To be called if the user taps the first option button. */
-    firstOption(): void;
-    /** To be called if the user taps the second option button. */
-    secondOption(): void;
-    /** To be called if the user taps the optionally shown close button. */
-    onClose?(): void;
-}
-/** Display a modal with two buttons for the user to choose between. */
-export default class TwoOptionModal extends React.Component<ITwoOptionModalProps> {
-    /** Compose a JSX element for displaying the modal. */
-    render(): JSX.Element;
-}
-/** @internal */
-export declare const modalStyle: {
-    container: {
-        justifyContent: "center";
-        backgroundColor: string;
-        position: "absolute";
-        left: 0;
-        right: 0;
-        top: 0;
-        bottom: 0;
-    };
-    modalContainer: {
-        margin: string;
-        backgroundColor: string;
-        borderRadius: number;
-    };
-    iconWrapper: {
-        alignSelf: "flex-end";
-        marginRight: string;
-        marginTop: string;
-    };
-    icon: {
-        color: string;
-        fontSize: number;
-    };
-    textContainer: {
-        marginHorizontal: string;
-        marginBottom: string;
-        marginTop: string;
-        alignSelf: "flex-start";
-    };
-    textContainerNotCancelable: {
-        marginHorizontal: string;
-        marginVertical: string;
-        alignSelf: "flex-start";
-    };
-    titleRowLayout: {
-        color: string;
-        textAlign: "center";
-        marginBottom: string;
-        fontFamily: import("./styles/fonts").FontFamily;
-        fontSize: number;
-        lineHeight: number;
-    };
-    titleColumnLayout: {
-        color: string;
-        textAlign: "center";
-        marginBottom: string;
-        fontFamily: import("./styles/fonts").FontFamily;
-        fontSize: number;
-        lineHeight: number;
-    };
-    message: {
-        color: string;
-        textAlign: "center";
-        fontFamily: import("./styles/fonts").FontFamily;
-        fontSize: number;
-        lineHeight: number;
-    };
-    buttonContainerRow: {
-        flexDirection: "row";
-        justifyContent: "space-around";
-        marginHorizontal: string;
-        marginVertical: string;
-    };
-    buttonContainerColumn: {
-        flexDirection: "column";
-        justifyContent: "space-around";
-        margin: string;
-    };
-    buttonRow: {
-        height: number;
-        marginTop: number;
-        borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
-        width: number;
-        alignSelf: "center";
-        justifyContent: "center";
-    };
-    firstButtonColumn: {
-        height: number;
-        width: number;
-        marginTop: number;
-        backgroundColor: string;
-        borderRadius: number;
-        borderWidth: number;
-        borderColor: string;
-        alignSelf: "center";
-        justifyContent: "center";
-    };
-    secondButtonColumn: {
-        alignSelf: "center";
-        justifyContent: "center";
-        height: number;
-        width: number;
-        marginTop: string;
-    };
-    textButtonRow: {
-        textAlign: "center";
-        color: string;
-        fontFamily: import("./styles/fonts").FontFamily;
-        fontSize: number;
-        lineHeight: number;
-    };
-    textFirstButtonColumn: {
-        textAlign: "center";
-        paddingHorizontal: number;
-        color: string;
-        fontFamily: import("./styles/fonts").FontFamily;
-        fontSize: number;
-        lineHeight: number;
-    };
-    textSecondButtonColumn: {
-        textAlign: "center";
-        color: string;
-        fontFamily: import("./styles/fonts").FontFamily;
-        fontSize: number;
-        lineHeight: number;
-    };
-};

package/dist/src/components/TwoOptionModal.js

@@ -1,140 +0,0 @@
-import * as React from "react";
-import { Dimensions, StatusBar, StyleSheet, TouchableOpacity, View } from "react-native";
-import { Testing } from "../types/enum";
-import { colors } from "../utils/Constants";
-import Icon from "./Icon";
-import { stylesModal } from "./RecommendationModal";
-import { FONTS, ICONS } from "./styles/fonts";
-import Text from "./Text";
-const { TwoOptionModalTestIds } = Testing.Id;
-/** Display a modal with two buttons for the user to choose between. */
-export default class TwoOptionModal extends React.Component {
-    /** Compose a JSX element for displaying the modal. */
-    render() {
-        const { rowAsButtonLayout, isCancelable } = this.props;
-        return (<View style={modalStyle.container}>
-				<StatusBar backgroundColor={colors.transparentLightBlue}/>
-				<View style={modalStyle.modalContainer}>
-					{isCancelable && (<TouchableOpacity onPress={this.props.onClose} testID={TwoOptionModalTestIds.ExitButton} style={modalStyle.iconWrapper}>
-							<Icon iconIdentifier={`Ionicons/ios-close-circle-outline`} style={modalStyle.icon}/>
-						</TouchableOpacity>)}
-
-					<View style={isCancelable ? modalStyle.textContainer : modalStyle.textContainerNotCancelable}>
-						<Text style={rowAsButtonLayout ? modalStyle.titleRowLayout : modalStyle.titleColumnLayout}>
-							{this.props.title}
-						</Text>
-						<Text style={modalStyle.message}>{this.props.message}</Text>
-					</View>
-					<View style={rowAsButtonLayout ? modalStyle.buttonContainerRow : modalStyle.buttonContainerColumn}>
-						<TouchableOpacity testID={TwoOptionModalTestIds.FirstOption} onPress={this.props.firstOption} style={rowAsButtonLayout ? modalStyle.buttonRow : modalStyle.firstButtonColumn}>
-							<Text style={rowAsButtonLayout ? modalStyle.textButtonRow : modalStyle.textFirstButtonColumn}>
-								{this.props.textFirstOption}
-							</Text>
-						</TouchableOpacity>
-						<TouchableOpacity testID={TwoOptionModalTestIds.SecondOption} onPress={this.props.secondOption} style={rowAsButtonLayout ? modalStyle.buttonRow : modalStyle.secondButtonColumn}>
-							<Text style={rowAsButtonLayout ? modalStyle.textButtonRow : modalStyle.textSecondButtonColumn}>
-								{this.props.textSecondOption}
-							</Text>
-						</TouchableOpacity>
-					</View>
-				</View>
-			</View>);
-    }
-}
-const { height, width } = Dimensions.get(`screen`);
-/** @internal */
-export const modalStyle = StyleSheet.create({
-    container: {
-        ...StyleSheet.absoluteFillObject,
-        justifyContent: `center`,
-        backgroundColor: colors.transparentBlack,
-    },
-    modalContainer: {
-        margin: `4%`,
-        backgroundColor: colors.semiDarkBlue,
-        borderRadius: width / 25,
-    },
-    iconWrapper: {
-        alignSelf: `flex-end`,
-        marginRight: `4%`,
-        marginTop: `3%`,
-    },
-    icon: {
-        ...ICONS.XXXL,
-        color: colors.fadeBlue,
-    },
-    textContainer: {
-        marginHorizontal: `4%`,
-        marginBottom: `5%`,
-        marginTop: `2%`,
-        alignSelf: `flex-start`,
-    },
-    textContainerNotCancelable: {
-        marginHorizontal: `4%`,
-        marginVertical: `5%`,
-        alignSelf: `flex-start`,
-    },
-    titleRowLayout: {
-        ...FONTS.Poppins.bold_2XL,
-        color: colors.white,
-        textAlign: `center`,
-        marginBottom: `10%`,
-    },
-    titleColumnLayout: {
-        ...FONTS.Poppins.bold_2XL,
-        color: colors.white,
-        textAlign: `center`,
-        marginBottom: `5%`,
-    },
-    message: {
-        ...FONTS.Poppins.bold_LG,
-        color: colors.lightBlue,
-        textAlign: `center`,
-    },
-    buttonContainerRow: {
-        flexDirection: `row`,
-        justifyContent: `space-around`,
-        marginHorizontal: `4%`,
-        marginVertical: `6%`,
-    },
-    buttonContainerColumn: {
-        flexDirection: `column`,
-        justifyContent: `space-around`,
-        margin: `4%`,
-    },
-    buttonRow: {
-        ...stylesModal.okButton,
-        height: height / 16,
-        marginTop: 0,
-    },
-    firstButtonColumn: {
-        ...stylesModal.okButton,
-        height: height / 18,
-        width: width / 1.5,
-        marginTop: 0,
-        backgroundColor: colors.teal,
-    },
-    secondButtonColumn: {
-        alignSelf: `center`,
-        justifyContent: `center`,
-        height: height / 18,
-        width: width / 1.5,
-        marginTop: `2%`,
-    },
-    textButtonRow: {
-        ...FONTS.Poppins.bold_Base,
-        textAlign: `center`,
-        color: colors.teal,
-    },
-    textFirstButtonColumn: {
-        ...FONTS.Poppins.bold_LG,
-        textAlign: `center`,
-        paddingHorizontal: 15,
-        color: colors.darkBlue,
-    },
-    textSecondButtonColumn: {
-        ...FONTS.Poppins.bold_Base,
-        textAlign: `center`,
-        color: colors.teal,
-    },
-});