@holper/react-native-holper-storybook 0.6.82 → 0.6.83

package/lib/components/ImagePicker/index.js

@@ -3,7 +3,7 @@ import * as ExpoImagePicker from 'expo-image-picker';
 
 const ImagePicker = async (avatar) => {
   const image = await ExpoImagePicker.launchImageLibraryAsync({
-    mediaTypes: ExpoImagePicker.MediaTypeOptions.Images,
+    mediaTypes: ExpoImagePicker.MediaType.Images,
     allowsEditing: avatar,
     aspect: [4, 3],
     quality: 1,

package/lib/components/TakePicture/index.js

@@ -52,134 +52,135 @@ const TakePicture = ({
   repeatPictureText,
   usePictureText,
 }) => {
-  const [permission, requestPermission] = useCameraPermissions();
-  const [type, setType] = useState('back');
-  const [image, setImage] = useState(null);
-  const [takingPicture, setTakingPicture] = useState(false);
-  const camera = useRef();
-
-  const flipCamera = () => {
-    setType((current) => (current === 'back' ? 'front' : 'back'));
-  };
-
-  const takePicture = async () => {
-    if (camera) {
-      setTakingPicture(true);
-      const tempImage = await camera.current.takePictureAsync({ quality: 1.0 });
-
-      if (avatar) {
-        const avatarImage = await ImageManipulator.manipulateAsync(
-          tempImage.localUri || tempImage.uri,
-          [
-            {
-              crop: {
-                originX: 0,
-                originY: (tempImage.height - tempImage.width) / 2,
-                width: tempImage.width,
-                height: tempImage.width,
-              },
-            },
-          ],
-          { compress: 1.0, format: ImageManipulator.SaveFormat.PNG }
-        );
-
-        setImage(avatarImage);
-        setTakingPicture(false);
-      } else {
-        setImage(tempImage);
-        setTakingPicture(false);
-      }
-    }
-  };
-
-  const repeatPhoto = () => {
-    setImage(null);
-  };
-
-  const usePhoto = () => {
-    onClose(typeof image === 'object' ? image.uri : image);
-    setImage(null);
-  };
-
-  const closeModal = () => {
-    setImage(null);
-    onClose();
-  };
-
-  if (!permission?.granted) {
-    return (
-      <View style={style.cameraPermissionsContainer}>
-        <Text color='red'>{cameraErrorMessage}</Text>
-        <Button onPress={requestPermission} color='inverted'>
-          <Text color='white'>{requestPermissionsMessage}</Text>
-        </Button>
-      </View>
-    );
-  }
+  // const [permission, requestPermission] = useCameraPermissions();
+  // const [type, setType] = useState('back');
+  // const [image, setImage] = useState(null);
+  // const [takingPicture, setTakingPicture] = useState(false);
+  // const camera = useRef();
+
+  // const flipCamera = () => {
+  //   setType((current) => (current === 'back' ? 'front' : 'back'));
+  // };
+
+  // const takePicture = async () => {
+  //   if (camera) {
+  //     setTakingPicture(true);
+  //     const tempImage = await camera.current.takePictureAsync({ quality: 1.0 });
+
+  //     if (avatar) {
+  //       const avatarImage = await ImageManipulator.manipulateAsync(
+  //         tempImage.localUri || tempImage.uri,
+  //         [
+  //           {
+  //             crop: {
+  //               originX: 0,
+  //               originY: (tempImage.height - tempImage.width) / 2,
+  //               width: tempImage.width,
+  //               height: tempImage.width,
+  //             },
+  //           },
+  //         ],
+  //         { compress: 1.0, format: ImageManipulator.SaveFormat.PNG }
+  //       );
+
+  //       setImage(avatarImage);
+  //       setTakingPicture(false);
+  //     } else {
+  //       setImage(tempImage);
+  //       setTakingPicture(false);
+  //     }
+  //   }
+  // };
+
+  // const repeatPhoto = () => {
+  //   setImage(null);
+  // };
+
+  // const usePhoto = () => {
+  //   onClose(typeof image === 'object' ? image.uri : image);
+  //   setImage(null);
+  // };
+
+  // const closeModal = () => {
+  //   setImage(null);
+  //   onClose();
+  // };
+
+  // if (!permission?.granted) {
+  //   return (
+  //     <View style={style.cameraPermissionsContainer}>
+  //       <Text color='red'>{cameraErrorMessage}</Text>
+  //       <Button onPress={requestPermission} color='inverted'>
+  //         <Text color='white'>{requestPermissionsMessage}</Text>
+  //       </Button>
+  //     </View>
+  //   );
+  // }
 
   return (
-    <Modal
-      animationType='slide'
-      transparent={false}
-      visible={visible}
-      onRequestClose={onClose}
-    >
-      <Container style={style.cameraContainer}>
-        <CameraView
-          ref={camera}
-          style={style.cameraContainer}
-          facing={type}
-          ratio={DESIRED_RATIO}
-        >
-          {avatar && isiOS && <SvgCircle />}
-
-          <View style={style.cameraFlipContainer}>
-            <TouchableOpacity onPress={closeModal} style={style.closeIcon}>
-              <Ionicons
-                name='close-outline'
-                color={Colors.darkblue}
-                size={24}
-              />
-            </TouchableOpacity>
-            <TouchableOpacity style={style.cameraFlipBtn} onPress={flipCamera}>
-              <Ionicons
-                name='camera-reverse-outline'
-                style={style.cameraFlipIcon}
-                color={Colors.white}
-                size={40}
-              />
-            </TouchableOpacity>
-            <TouchableOpacity
-              style={style.cameraRecordBtn}
-              onPress={takePicture}
-            >
-              <Ionicons
-                name='radio-button-on-outline'
-                color={Colors.red}
-                size={60}
-              />
-            </TouchableOpacity>
-          </View>
-
-          {avatar && isAndroid && <SvgCircle />}
-        </CameraView>
-
-        {takingPicture && (
-          <View style={style.cameraTakingPictureOverlay}>
-            <ActivityIndicator color={Colors.darkblue} />
-            <Text color='white'>{processingPictureMessage} ...</Text>
-          </View>
-        )}
-        <ConfirmPictureModal
-          visible={image !== null}
-          image={image}
-          repeatPictureText={repeatPictureText}
-          usePictureText={usePictureText}
-          onRepeatPhoto={repeatPhoto}
-          onUsePhoto={usePhoto}
-        />
-      </Container>
-    </Modal>
+    <Text>asdsdf</Text>
+    // <Modal
+    //   animationType='slide'
+    //   transparent={false}
+    //   visible={visible}
+    //   onRequestClose={onClose}
+    // >
+    //   <Container style={style.cameraContainer}>
+    //     <CameraView
+    //       ref={camera}
+    //       style={style.cameraContainer}
+    //       facing={type}
+    //       ratio={DESIRED_RATIO}
+    //     >
+    //       {avatar && isiOS && <SvgCircle />}
+
+    //       <View style={style.cameraFlipContainer}>
+    //         <TouchableOpacity onPress={closeModal} style={style.closeIcon}>
+    //           <Ionicons
+    //             name='close-outline'
+    //             color={Colors.darkblue}
+    //             size={24}
+    //           />
+    //         </TouchableOpacity>
+    //         <TouchableOpacity style={style.cameraFlipBtn} onPress={flipCamera}>
+    //           <Ionicons
+    //             name='camera-reverse-outline'
+    //             style={style.cameraFlipIcon}
+    //             color={Colors.white}
+    //             size={40}
+    //           />
+    //         </TouchableOpacity>
+    //         <TouchableOpacity
+    //           style={style.cameraRecordBtn}
+    //           onPress={takePicture}
+    //         >
+    //           <Ionicons
+    //             name='radio-button-on-outline'
+    //             color={Colors.red}
+    //             size={60}
+    //           />
+    //         </TouchableOpacity>
+    //       </View>
+
+    //       {avatar && isAndroid && <SvgCircle />}
+    //     </CameraView>
+
+    //     {takingPicture && (
+    //       <View style={style.cameraTakingPictureOverlay}>
+    //         <ActivityIndicator color={Colors.darkblue} />
+    //         <Text color='white'>{processingPictureMessage} ...</Text>
+    //       </View>
+    //     )}
+    //     <ConfirmPictureModal
+    //       visible={image !== null}
+    //       image={image}
+    //       repeatPictureText={repeatPictureText}
+    //       usePictureText={usePictureText}
+    //       onRepeatPhoto={repeatPhoto}
+    //       onUsePhoto={usePhoto}
+    //     />
+    //   </Container>
+    // </Modal>
   );
 };
 

package/package.json

@@ -2,7 +2,7 @@
   "main": "lib/index.js",
   "name": "@holper/react-native-holper-storybook",
   "description": "A component library for Holper projects",
-  "version": "0.6.82",
+  "version": "0.6.83",
   "license": "MIT",
   "files": [
     "lib",