@plusscommunities/pluss-core-app 8.0.0 → 8.0.1-auth.0

package/src/components/DropDownMenu.js

@@ -1,37 +1,41 @@
-import React, { Component } from 'react';
-import { View } from 'react-native';
+import React, { Component } from "react";
+import { View } from "react-native";
 
 class DropDownMenu extends Component {
-  state = {};
+	state = {};
 
-  render() {
-    if (!this.props.visible) {
-      return null;
-    }
-    return <View style={[styles.container, this.props.style]}>{this.props.children}</View>;
-  }
+	render() {
+		if (!this.props.visible) {
+			return null;
+		}
+		return (
+			<View style={[styles.container, this.props.style]}>
+				{this.props.children}
+			</View>
+		);
+	}
 }
 
 const styles = {
-  container: {
-    borderRadius: 2,
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 2,
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 4,
-    elevation: 4,
-    zIndex: 10,
-    backgroundColor: '#fff',
-    padding: 16,
-    paddingVertical: 14,
+	container: {
+		borderRadius: 2,
+		shadowColor: "#000",
+		shadowOffset: {
+			width: 0,
+			height: 2,
+		},
+		shadowOpacity: 0.2,
+		shadowRadius: 4,
+		elevation: 4,
+		zIndex: 10,
+		backgroundColor: "#fff",
+		padding: 16,
+		paddingVertical: 14,
 
-    position: 'absolute',
-    right: 0,
-    top: 0,
-  },
+		position: "absolute",
+		right: 0,
+		top: 0,
+	},
 };
 
 export { DropDownMenu };

package/src/components/EmptyStateMain.js

@@ -1,53 +1,60 @@
-import React, { PureComponent } from 'react';
-import { Text, View, ScrollView, StyleSheet } from 'react-native';
-import _ from 'lodash';
-import { TEXT_BLUEGREY } from '../colours';
+import React, { PureComponent } from "react";
+import { View, ScrollView, StyleSheet } from "react-native";
+import { Text } from "./Text";
+import _ from "lodash";
+import { TEXT_BLUEGREY } from "../colours";
 
 class EmptyStateMain extends PureComponent {
-  renderPlaceHolder(index, opacity = 1) {
-    const barCount = _.isUndefined(this.props.barCount) ? 3 : this.props.barCount;
-    if (barCount <= index) {
-      return null;
-    }
-    return <View style={[styles.item, { opacity }]} />;
-  }
+	renderPlaceHolder(index, opacity = 1) {
+		const barCount = _.isUndefined(this.props.barCount)
+			? 3
+			: this.props.barCount;
+		if (barCount <= index) {
+			return null;
+		}
+		return <View style={[styles.item, { opacity }]} />;
+	}
 
-  render() {
-    return (
-      <View style={[styles.container, this.props.style]}>
-        {!this.props.hideTitle && <Text style={styles.titleText}>{this.props.title || 'Nothing to see here'}</Text>}
-        {this.props.content}
-        <ScrollView style={styles.itemContainer}>
-          {this.renderPlaceHolder(0, 0.8)}
-          {this.renderPlaceHolder(1, 0.6)}
-          {this.renderPlaceHolder(2, 0.4)}
-        </ScrollView>
-      </View>
-    );
-  }
+	render() {
+		return (
+			<View style={[styles.container, this.props.style]}>
+				{!this.props.hideTitle && (
+					<Text style={styles.titleText}>
+						{this.props.title || "Nothing to see here"}
+					</Text>
+				)}
+				{this.props.content}
+				<ScrollView style={styles.itemContainer}>
+					{this.renderPlaceHolder(0, 0.8)}
+					{this.renderPlaceHolder(1, 0.6)}
+					{this.renderPlaceHolder(2, 0.4)}
+				</ScrollView>
+			</View>
+		);
+	}
 }
 
 const styles = StyleSheet.create({
-  container: {
-    borderRadius: 5,
-    paddingVertical: 5,
-  },
-  titleText: {
-    fontFamily: 'qs-bold',
-    fontSize: 16,
-    color: TEXT_BLUEGREY,
-  },
-  itemContainer: {
-    marginTop: 20,
-    flexDirection: 'column',
-  },
-  item: {
-    borderRadius: 4,
-    width: '100%',
-    height: 32,
-    backgroundColor: '#e6ebef',
-    marginBottom: 17,
-  },
+	container: {
+		borderRadius: 5,
+		paddingVertical: 5,
+	},
+	titleText: {
+		fontFamily: "qs-bold",
+		fontSize: 16,
+		color: TEXT_BLUEGREY,
+	},
+	itemContainer: {
+		marginTop: 20,
+		flexDirection: "column",
+	},
+	item: {
+		borderRadius: 4,
+		width: "100%",
+		height: 32,
+		backgroundColor: "#e6ebef",
+		marginBottom: 17,
+	},
 });
 
 export default EmptyStateMain;

package/src/components/EmptyStateWidget.js

@@ -1,47 +1,56 @@
-import React, { PureComponent } from 'react';
-import { Text, View, ScrollView, StyleSheet } from 'react-native';
-import { TEXT_BLUEGREY } from '../colours';
+import React, { PureComponent } from "react";
+import { View, ScrollView, StyleSheet } from "react-native";
+import { Text } from "./Text";
+import { TEXT_BLUEGREY } from "../colours";
 
 class EmptyStateWidget extends PureComponent {
-  renderPlaceHolder(opacity = 1) {
-    return <View style={[styles.item, { opacity }]} />;
-  }
+	renderPlaceHolder(opacity = 1) {
+		return <View style={[styles.item, { opacity }]} />;
+	}
 
-  render() {
-    return (
-      <View style={[styles.container, this.props.height && { height: this.props.height }, this.props.style]}>
-        <Text style={styles.titleText}>{this.props.title || 'Nothing to see here'}</Text>
-        <ScrollView horizontal style={styles.itemContainer}>
-          {this.renderPlaceHolder(0.8)}
-          {this.renderPlaceHolder(0.6)}
-          {this.renderPlaceHolder(0.4)}
-          {this.renderPlaceHolder(0.2)}
-        </ScrollView>
-      </View>
-    );
-  }
+	render() {
+		return (
+			<View
+				style={[
+					styles.container,
+					this.props.height && { height: this.props.height },
+					this.props.style,
+				]}
+			>
+				<Text style={styles.titleText}>
+					{this.props.title || "Nothing to see here"}
+				</Text>
+				<ScrollView horizontal style={styles.itemContainer}>
+					{this.renderPlaceHolder(0.8)}
+					{this.renderPlaceHolder(0.6)}
+					{this.renderPlaceHolder(0.4)}
+					{this.renderPlaceHolder(0.2)}
+				</ScrollView>
+			</View>
+		);
+	}
 }
 
 const styles = StyleSheet.create({
-  container: {
-    borderRadius: 5,
-    paddingVertical: 5,
-  },
-  titleText: {
-    fontFamily: 'qs-bold',
-    fontSize: 16,
-    color: TEXT_BLUEGREY,
-  },
-  itemContainer: {
-    marginTop: 20,
-  },
-  item: {
-    borderRadius: 4,
-    width: 97,
-    height: 98,
-    backgroundColor: '#e6ebef',
-    marginRight: 17,
-  },
+	container: {
+		borderRadius: 5,
+		paddingVertical: 5,
+	},
+	titleText: {
+		fontFamily: "qs-bold",
+		fontSize: 16,
+		color: TEXT_BLUEGREY,
+	},
+	itemContainer: {
+		marginTop: 20,
+	},
+	item: {
+		borderRadius: 4,
+		width: 97,
+		height: 98,
+		backgroundColor: "#e6ebef",
+		marginRight: 17,
+	},
 });
 
 export default EmptyStateWidget;

package/src/components/FontScaleButton.js

@@ -1,6 +1,7 @@
-import React, { PureComponent } from 'react';
-import { TouchableOpacity, Text } from 'react-native';
-import { TEXT_DARK } from '../colours';
+import React, { PureComponent } from "react";
+import { TouchableOpacity } from "react-native";
+import { Text } from "./Text";
+import { TEXT_DARK } from "../colours";
 
 /* 
 Props- 
@@ -8,31 +9,34 @@ Props-
 */
 
 class FontScaleButton extends PureComponent {
-  render() {
-    return (
-      <TouchableOpacity style={[styles.container, this.props.style]} onPress={this.props.onPress}>
-        <Text style={styles.text}>
-          <Text>A</Text>
-          <Text>{` `}</Text>
-          <Text style={styles.largeText}>A</Text>
-        </Text>
-      </TouchableOpacity>
-    );
-  }
+	render() {
+		return (
+			<TouchableOpacity
+				style={[styles.container, this.props.style]}
+				onPress={this.props.onPress}
+			>
+				<Text style={styles.text}>
+					<Text>A</Text>
+					<Text>{` `}</Text>
+					<Text style={styles.largeText}>A</Text>
+				</Text>
+			</TouchableOpacity>
+		);
+	}
 }
 
 const styles = {
-  container: {
-    padding: 15,
-  },
-  text: {
-    fontFamily: 'sf-medium',
-    color: TEXT_DARK,
-    fontSize: 14,
-  },
-  largeText: {
-    fontSize: 24,
-  },
+	container: {
+		padding: 15,
+	},
+	text: {
+		fontFamily: "sf-medium",
+		color: TEXT_DARK,
+		fontSize: 14,
+	},
+	largeText: {
+		fontSize: 24,
+	},
 };
 
 export { FontScaleButton };

package/src/components/FontScalePopup.js

@@ -1,6 +1,7 @@
-import React, { PureComponent } from 'react';
-import { TouchableOpacity, Text, View } from 'react-native';
-import { TEXT_DARK, LINEGREY } from '../colours';
+import React, { PureComponent } from "react";
+import { TouchableOpacity, View } from "react-native";
+import { Text } from "./Text";
+import { TEXT_DARK, LINEGREY } from "../colours";
 
 /* 
 Props- 
@@ -12,62 +13,72 @@ Props-
 */
 
 class FontScalePopup extends PureComponent {
-  render() {
-    if (!this.props.visible) {
-      return null;
-    }
-    return (
-      <View style={[styles.container, this.props.style]}>
-        <TouchableOpacity style={[styles.button, styles.buttonLeft, this.props.buttonLeftStyle]} onPress={this.props.onPressSmall}>
-          <Text style={styles.smallText}>A</Text>
-        </TouchableOpacity>
-        <TouchableOpacity style={[styles.button, styles.buttonRight, this.props.buttonRightStyle]} onPress={this.props.onPressLarge}>
-          <Text style={styles.largeText}>A</Text>
-        </TouchableOpacity>
-      </View>
-    );
-  }
+	render() {
+		if (!this.props.visible) {
+			return null;
+		}
+		return (
+			<View style={[styles.container, this.props.style]}>
+				<TouchableOpacity
+					style={[styles.button, styles.buttonLeft, this.props.buttonLeftStyle]}
+					onPress={this.props.onPressSmall}
+				>
+					<Text style={styles.smallText}>A</Text>
+				</TouchableOpacity>
+				<TouchableOpacity
+					style={[
+						styles.button,
+						styles.buttonRight,
+						this.props.buttonRightStyle,
+					]}
+					onPress={this.props.onPressLarge}
+				>
+					<Text style={styles.largeText}>A</Text>
+				</TouchableOpacity>
+			</View>
+		);
+	}
 }
 
 const styles = {
-  container: {
-    flexDirection: 'row',
-    borderRadius: 2,
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 2,
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 4,
-    elevation: 4,
-    zIndex: 10,
-    backgroundColor: '#fff',
-    padding: 2,
-  },
-  button: {
-    height: 50,
-    width: 64,
-    borderColor: LINEGREY,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  buttonLeft: {
-    borderRightWidth: 1,
-  },
-  buttonRight: {
-    borderLeftWidth: 1,
-  },
-  smallText: {
-    fontFamily: 'sf-medium',
-    color: TEXT_DARK,
-    fontSize: 16,
-  },
-  largeText: {
-    fontFamily: 'sf-medium',
-    color: TEXT_DARK,
-    fontSize: 24,
-  },
+	container: {
+		flexDirection: "row",
+		borderRadius: 2,
+		shadowColor: "#000",
+		shadowOffset: {
+			width: 0,
+			height: 2,
+		},
+		shadowOpacity: 0.2,
+		shadowRadius: 4,
+		elevation: 4,
+		zIndex: 10,
+		backgroundColor: "#fff",
+		padding: 2,
+	},
+	button: {
+		height: 50,
+		width: 64,
+		borderColor: LINEGREY,
+		alignItems: "center",
+		justifyContent: "center",
+	},
+	buttonLeft: {
+		borderRightWidth: 1,
+	},
+	buttonRight: {
+		borderLeftWidth: 1,
+	},
+	smallText: {
+		fontFamily: "sf-medium",
+		color: TEXT_DARK,
+		fontSize: 16,
+	},
+	largeText: {
+		fontFamily: "sf-medium",
+		color: TEXT_DARK,
+		fontSize: 24,
+	},
 };
 
 export { FontScalePopup };

package/src/components/Forbidden.js

@@ -1,54 +1,56 @@
-import React from 'react';
-import _ from 'lodash';
-import { View } from 'react-native';
-import { TextStyle } from './TextStyle';
-import { getMainBrandingColourFromState } from '../colours';
-import { InlineButton } from './InlineButton';
-import { Services } from '../config';
-import { connect } from 'react-redux';
-import Header from './Header';
+import React from "react";
+import _ from "lodash";
+import { View } from "react-native";
+import { Text } from ".";
+import { getMainBrandingColourFromState } from "../colours";
+import { InlineButton } from "./InlineButton";
+import { Services } from "../config";
+import { connect } from "react-redux";
+import Header from "./Header";
 
 const Forbidden = ({ colourBrandingMain, title, description }) => {
-  const goBack = () => {
-    Services.navigation.goBack();
-  };
+	const goBack = () => {
+		Services.navigation.goBack();
+	};
 
-  return (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: '#fff',
-      }}
-    >
-      <Header leftIcon="angle-left" onPressLeft={goBack} />
-      <View
-        style={{
-          padding: 16,
-        }}
-      >
-        <TextStyle type="pageHeading" style={{ color: colourBrandingMain }}>
-          {!_.isEmpty(title) ? title : 'Oops!'}
-        </TextStyle>
-        <TextStyle type="body" style={{ marginTop: 10 }}>
-          {!_.isEmpty(description)
-            ? description
-            : 'It seems this item is no longer accessible. It may have been removed or your access might have changed.'}
-        </TextStyle>
-        <View style={{ marginTop: 20 }}>
-          <InlineButton onPress={goBack} color={colourBrandingMain}>
-            Go back
-          </InlineButton>
-        </View>
-      </View>
-    </View>
-  );
+	return (
+		<View
+			style={{
+				flex: 1,
+				backgroundColor: "#fff",
+			}}
+		>
+			<Header leftIcon="angle-left" onPressLeft={goBack} />
+			<View
+				style={{
+					padding: 16,
+				}}
+			>
+				<Text type="pageHeading" style={{ color: colourBrandingMain }}>
+					{!_.isEmpty(title) ? title : "Oops!"}
+				</Text>
+				<Text type="body" style={{ marginTop: 10 }}>
+					{!_.isEmpty(description)
+						? description
+						: "It seems this item is no longer accessible. It may have been removed or your access might have changed."}
+				</Text>
+				<View style={{ marginTop: 20 }}>
+					<InlineButton onPress={goBack} color={colourBrandingMain}>
+						Go back
+					</InlineButton>
+				</View>
+			</View>
+		</View>
+	);
 };
 
-const mapStateToProps = state => {
-  return {
-    colourBrandingMain: getMainBrandingColourFromState(state),
-  };
+const mapStateToProps = (state) => {
+	return {
+		colourBrandingMain: getMainBrandingColourFromState(state),
+	};
 };
 
-const forbidden = connect(mapStateToProps, {}, null, { forwardRef: true })(Forbidden);
+const forbidden = connect(mapStateToProps, {}, null, { forwardRef: true })(
+	Forbidden,
+);
 export { forbidden as Forbidden };

package/src/components/FormCard.js

@@ -1,25 +1,29 @@
-import React, { PureComponent } from 'react';
-import { View } from 'react-native';
+import React, { PureComponent } from "react";
+import { View } from "react-native";
 
 class FormCard extends PureComponent {
-  render() {
-    return <View style={[styles.section, this.props.style]}>{this.props.children}</View>;
-  }
+	render() {
+		return (
+			<View style={[styles.section, this.props.style]}>
+				{this.props.children}
+			</View>
+		);
+	}
 }
 
 const styles = {
-  section: {
-    backgroundColor: '#fff',
-    paddingHorizontal: 16,
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 1,
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 6,
-    elevation: 2,
-  },
+	section: {
+		backgroundColor: "#fff",
+		paddingHorizontal: 16,
+		shadowColor: "#000",
+		shadowOffset: {
+			width: 0,
+			height: 1,
+		},
+		shadowOpacity: 0.1,
+		shadowRadius: 6,
+		elevation: 2,
+	},
 };
 
 export { FormCard };