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

package/src/components/expo-image-picker-multiple/ImageTile.js

@@ -1,98 +1,122 @@
-import React from 'react';
-import { Dimensions, ImageBackground, TouchableHighlight, View, Text, StyleSheet } from 'react-native';
-import * as MediaLibrary from 'expo-media-library';
-import { Icon } from '@rneui/themed';
-import moment from 'moment';
-import { getThumb300 } from '../../helper';
+import React from "react";
+import { Text } from "@plusscommunities/pluss-core-app/components";
+import {
+	Dimensions,
+	ImageBackground,
+	TouchableHighlight,
+	View,
+	StyleSheet,
+} from "react-native";
+import * as MediaLibrary from "expo-media-library";
+import { Icon } from "@rneui/themed";
+import moment from "moment";
+import { getThumb300 } from "../../helper";
 
-const screenWidth = Dimensions.get('window').width;
+const screenWidth = Dimensions.get("window").width;
 
 class ImageTile extends React.PureComponent {
-  renderVideoOverlay() {
-    const { item } = this.props;
-    if (item.mediaType !== MediaLibrary.MediaType.video) return null;
+	renderVideoOverlay() {
+		const { item } = this.props;
+		if (item.mediaType !== MediaLibrary.MediaType.video) return null;
 
-    let durationText = '';
-    if (item.duration) {
-      const duration = moment.duration(item.duration, 'seconds').asMilliseconds();
-      durationText = moment.utc(duration).format('HH:mm:ss');
-    }
-    return (
-      <View style={styles.defaultVideoOverlay}>
-        <Icon name="video-camera" type="font-awesome" iconStyle={styles.videoIcon} style={styles.videoIconContainer} />
-        <Text style={styles.videoDurationText}>{durationText}</Text>
-      </View>
-    );
-  }
+		let durationText = "";
+		if (item.duration) {
+			const duration = moment
+				.duration(item.duration, "seconds")
+				.asMilliseconds();
+			durationText = moment.utc(duration).format("HH:mm:ss");
+		}
+		return (
+			<View style={styles.defaultVideoOverlay}>
+				<Icon
+					name="video-camera"
+					type="font-awesome"
+					iconStyle={styles.videoIcon}
+					style={styles.videoIconContainer}
+				/>
+				<Text style={styles.videoDurationText}>{durationText}</Text>
+			</View>
+		);
+	}
 
-  renderSelectedOverlay() {
-    const { selected, selectedItemNumber, renderSelectedComponent } = this.props;
-    if (!selected) return null;
-    if (renderSelectedComponent) return renderSelectedComponent(selectedItemNumber);
-    return <View style={[styles.defaultSelectedOverlay, { opacity: selected ? 0.5 : 1 }]} />;
-  }
+	renderSelectedOverlay() {
+		const { selected, selectedItemNumber, renderSelectedComponent } =
+			this.props;
+		if (!selected) return null;
+		if (renderSelectedComponent)
+			return renderSelectedComponent(selectedItemNumber);
+		return (
+			<View
+				style={[styles.defaultSelectedOverlay, { opacity: selected ? 0.5 : 1 }]}
+			/>
+		);
+	}
 
-  render() {
-    const { item, index, selectImage, width, height, style, isRemote } = this.props;
-    if (!item) return null;
+	render() {
+		const { item, index, selectImage, width, height, style, isRemote } =
+			this.props;
+		if (!item) return null;
 
-    const actualWidth = width || screenWidth / 4;
-    const actualHeight = height || screenWidth / 4;
-    const uri = isRemote ? getThumb300(item.uri) : item.uri;
+		const actualWidth = width || screenWidth / 4;
+		const actualHeight = height || screenWidth / 4;
+		const uri = isRemote ? getThumb300(item.uri) : item.uri;
 
-    return (
-      <TouchableHighlight underlayColor="transparent" onPress={() => selectImage(item, index)}>
-        <View style={[{ width: actualWidth, height: actualHeight }, style]}>
-          <View style={styles.imageContainer}>
-            <ImageBackground style={styles.imageBackground} source={{ uri }}>
-              {this.renderVideoOverlay()}
-              {this.renderSelectedOverlay()}
-            </ImageBackground>
-          </View>
-        </View>
-      </TouchableHighlight>
-    );
-  }
+		return (
+			<TouchableHighlight
+				underlayColor="transparent"
+				onPress={() => selectImage(item, index)}
+			>
+				<View style={[{ width: actualWidth, height: actualHeight }, style]}>
+					<View style={styles.imageContainer}>
+						<ImageBackground style={styles.imageBackground} source={{ uri }}>
+							{this.renderVideoOverlay()}
+							{this.renderSelectedOverlay()}
+						</ImageBackground>
+					</View>
+				</View>
+			</TouchableHighlight>
+		);
+	}
 }
 
 const styles = StyleSheet.create({
-  imageContainer: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  imageBackground: {
-    width: '100%',
-    height: '100%',
-  },
-  defaultSelectedOverlay: {
-    flex: 1,
-    backgroundColor: '#000',
-  },
-  defaultVideoOverlay: {
-    position: 'absolute',
-    left: 3,
-    bottom: 3,
-    right: 3,
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-  },
-  videoIconContainer: {
-    flex: 1,
-    paddingRight: 8,
-    paddingBottom: 1,
-  },
-  videoIcon: {
-    fontSize: 12,
-    color: '#fff',
-    textAlign: 'right',
-  },
-  videoDurationText: {
-    fontFamily: 'sf-semibold',
-    fontSize: 12,
-    color: '#fff',
-  },
+	imageContainer: {
+		flex: 1,
+		alignItems: "center",
+		justifyContent: "center",
+	},
+	imageBackground: {
+		width: "100%",
+		height: "100%",
+	},
+	defaultSelectedOverlay: {
+		flex: 1,
+		backgroundColor: "#000",
+	},
+	defaultVideoOverlay: {
+		position: "absolute",
+		left: 3,
+		bottom: 3,
+		right: 3,
+		flexDirection: "row",
+		justifyContent: "space-between",
+		alignItems: "center",
+	},
+	videoIconContainer: {
+		flex: 1,
+		paddingRight: 8,
+		paddingBottom: 1,
+	},
+	videoIcon: {
+		fontSize: 12,
+		color: "#fff",
+		textAlign: "right",
+	},
+	videoDurationText: {
+		fontFamily: "sf-semibold",
+		fontSize: 12,
+		color: "#fff",
+	},
 });
 
 export default ImageTile;

package/src/components/index.js

@@ -1,58 +1,59 @@
-export * from './InlineButton';
-export * from './AddToCalendarButton';
-export * from './Forbidden';
-export * from './FormCard';
-export * from './FormCardSection';
-export * from './FormCardSectionOptionLauncher';
-export * from './ProfilePic';
-export * from './Spinner';
-export * from './LoadingCircles';
-export * from './Popup';
-export * from './ImagePopup';
-export * from './VideoPopup';
-export * from './SharingTools';
-export * from './MiddlePopup';
-export * from './ConfirmPopup';
-export * from './ConfirmationPopup';
-export * from './CommentSection';
-export * from './CommentReply';
-export * from './PopupMenu';
-export * from './AddButton';
-export * from './Attachment';
-export * from './GenericInputSection';
-export * from './GenericInput';
-export * from './RadioButton';
-export * from './PDFPopup';
-export * from './TextStyle';
-export * from './TickIcon';
-export * from './Toggle';
-export * from './Input';
-export * from './StickyFooter';
-export * from './CategoryTabs';
-export * from './DropDownMenu';
-export * from './DropDownItem';
-export * from './BackButton';
-export * from './Reaction';
-export * from './TouchableSearchBar';
-export * from './WarningPopup';
-export * from './FontScalePopup';
-export * from './FontScaleButton';
-export * from './UserListPopup';
-export * from './Reactions';
-export * from './AudienceSelectorLauncher';
-export * from './CalendarPopup';
-export { default as EmptyStateWidget } from './EmptyStateWidget';
-export { default as EmptyStateMain } from './EmptyStateMain';
-export { default as LoadingStateWidget } from './LoadingStateWidget';
-export { default as Header } from './Header';
-export { default as LoadingIndicator } from './LoadingIndicator';
-export { default as ImageUploader } from './ImageUploader';
-// export { default as DocumentUploader } from './DocumentUploader';
-export { default as ImageUploadProgress } from './ImageUploadProgress';
-export { default as UserListing } from './UserListing';
-export { default as PlussChat } from './PlussChat';
-export { default as PositionedImage } from './PositionedImage';
-export * from './AutoOffsetImage';
-export { default as FormattedText } from './FormattedText';
-export { default as MediaPlayer } from './MediaPlayer';
-export { default as AudienceSelectorPage } from './AudienceSelectorPage';
+export * from "./InlineButton";
+export * from "./AddToCalendarButton";
+export * from "./Forbidden";
+export * from "./FormCard";
+export * from "./FormCardSection";
+export * from "./FormCardSectionOptionLauncher";
+export * from "./ProfilePic";
+export * from "./Spinner";
+export * from "./LoadingCircles";
+export * from "./Popup";
+export * from "./ImagePopup";
+export * from "./VideoPopup";
+export * from "./SharingTools";
+export * from "./MiddlePopup";
+export * from "./ConfirmPopup";
+export * from "./ConfirmationPopup";
+export * from "./CommentSection";
+export * from "./CommentReply";
+export * from "./PopupMenu";
+export * from "./AddButton";
+export * from "./Attachment";
+export * from "./GenericInputSection";
+export * from "./GenericInput";
+export * from "./RadioButton";
+export * from "./PDFPopup";
+export * from "./Text";
+export * from "./Icon";
+export * from "./TickIcon";
+export * from "./Toggle";
+export * from "./Input";
+export * from "./StickyFooter";
+export * from "./CategoryTabs";
+export * from "./DropDownMenu";
+export * from "./DropDownItem";
+export * from "./BackButton";
+export * from "./Reaction";
+export * from "./TouchableSearchBar";
+export * from "./WarningPopup";
+export * from "./FontScalePopup";
+export * from "./FontScaleButton";
+export * from "./UserListPopup";
+export * from "./Reactions";
+export * from "./AudienceSelectorLauncher";
+export * from "./CalendarPopup";
+export { default as EmptyStateWidget } from "./EmptyStateWidget";
+export { default as EmptyStateMain } from "./EmptyStateMain";
+export { default as LoadingStateWidget } from "./LoadingStateWidget";
+export { default as Header } from "./Header";
+export { default as LoadingIndicator } from "./LoadingIndicator";
+export { default as ImageUploader } from "./ImageUploader";
+export { default as DocumentUploader } from "./DocumentUploader";
+export { default as ImageUploadProgress } from "./ImageUploadProgress";
+export { default as UserListing } from "./UserListing";
+export { default as PlussChat } from "./PlussChat";
+export { default as PositionedImage } from "./PositionedImage";
+export * from "./AutoOffsetImage";
+export { default as FormattedText } from "./FormattedText";
+export { default as MediaPlayer } from "./MediaPlayer";
+export { default as AudienceSelectorPage } from "./AudienceSelectorPage";