@holper/react-native-holper-storybook 0.6.101 → 0.6.103

package/lib/components/ImageViewer/style.js

@@ -9,7 +9,7 @@ export default {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    position: 'relative'
+    position: 'relative',
   },
   closeIcon: {
     position: 'absolute',
@@ -21,17 +21,17 @@ export default {
     borderRadius: 15,
     backgroundColor: Colors.lightblue,
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
   },
   body: {
     width,
     height,
     alignSelf: 'center',
-    position: 'relative'
+    position: 'relative',
   },
   activityIndicator: {
-    top: (height / 2) - 100,
-    left: (width / 2) - 20,
-    position: 'absolute'
-  }
+    top: height / 2 - 100,
+    left: width / 2 - 20,
+    position: 'absolute',
+  },
 };

package/lib/components/TakePicture/confirmPictureModal.js

@@ -13,35 +13,32 @@ export const ConfirmPictureModal = ({
   image,
   repeatPictureText,
   usePictureText,
-}) => {
-  return (
-    <Modal
-      animationType='slide'
-      transparent={false}
-      visible={visible}
-      onRequestClose={() => {}}
-    >
-      <View style={style.cameraTakenImageContainer}>
-        <ImageResponsive
-          source={{
-            uri: image ? image.uri : null,
-            cache: 'only-if-cached',
-          }}
-          style={avatar ? style.cameraTakenImage : style.cameraContainer}
-        />
+}) => (
+  <Modal
+    animationType='slide'
+    transparent={false}
+    visible={visible}
+    onRequestClose={() => {}}
+  >
+    <View style={style.cameraTakenImageContainer}>
+      <ImageResponsive
+        source={{
+          uri: image ? image.uri : null,
+        }}
+        style={avatar ? style.cameraTakenImage : style.cameraContainer}
+      />
 
-        <View style={style.cameraRetakePhoto}>
-          <TouchableOpacity onPress={onRepeatPhoto}>
-            <Text style={style.cameraRetakePhotoText}>{repeatPictureText}</Text>
-          </TouchableOpacity>
-          <TouchableOpacity onPress={onUsePhoto}>
-            <Text style={style.cameraRetakePhotoText}>{usePictureText}</Text>
-          </TouchableOpacity>
-        </View>
+      <View style={style.cameraRetakePhoto}>
+        <TouchableOpacity onPress={onRepeatPhoto}>
+          <Text style={style.cameraRetakePhotoText}>{repeatPictureText}</Text>
+        </TouchableOpacity>
+        <TouchableOpacity onPress={onUsePhoto}>
+          <Text style={style.cameraRetakePhotoText}>{usePictureText}</Text>
+        </TouchableOpacity>
       </View>
-    </Modal>
-  );
-};
+    </View>
+  </Modal>
+);
 
 ConfirmPictureModal.defaultProps = {
   visible: false,

package/lib/components/UploadDocument/index.js

@@ -1,23 +1,15 @@
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import {
-  View,
-  TouchableOpacity,
-  ActivityIndicator,
-  Platform,
-} from 'react-native';
-import * as MediaLibrary from 'expo-media-library';
-import * as ExpoImagePicker from 'expo-image-picker';
-import Text from '../Text';
-import Button from '../Button';
-import ConfirmationModal from '../ConfirmationModal';
-import ImagePicker from '../ImagePicker';
-import ImageViewer from '../ImageViewer';
-import TakePicture from '../TakePicture';
-import { Colors } from '../../configs/constants';
-import style from './style';
-
-const iOS = Platform.OS === 'ios';
+import React, { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import { View, TouchableOpacity, ActivityIndicator } from "react-native";
+import * as ExpoImagePicker from "expo-image-picker";
+import Text from "../Text";
+import Button from "../Button";
+import ConfirmationModal from "../ConfirmationModal";
+import ImagePicker from "../ImagePicker";
+import ImageViewer from "../ImageViewer";
+import TakePicture from "../TakePicture";
+import { Colors } from "../../configs/constants";
+import style from "./style";
 
 const UploadDocument = ({
   title,
@@ -40,11 +32,7 @@ const UploadDocument = ({
   const [loading, setLoading] = useState(true);
 
   useEffect(() => {
-    (async () => {
-      iOS
-        ? await MediaLibrary.requestPermissionsAsync()
-        : await ExpoImagePicker.getMediaLibraryPermissionsAsync();
-    })();
+    (async () => await ExpoImagePicker.requestMediaLibraryPermissionsAsync())();
   }, []);
 
   useEffect(() => {
@@ -57,18 +45,17 @@ const UploadDocument = ({
     setShowMediaModal(false);
 
     switch (method) {
-      case 'camera':
+      case "camera":
         setTimeout(async () => {
           setShowCamera(true);
         }, 500);
         break;
-      case 'gallery':
+      case "gallery":
         setTimeout(async () => {
-          const { status: galleryStatus } = iOS
-            ? await MediaLibrary.requestPermissionsAsync()
-            : await ExpoImagePicker.getMediaLibraryPermissionsAsync();
+          const { granted } =
+            await ExpoImagePicker.requestMediaLibraryPermissionsAsync();
 
-          if (galleryStatus !== 'granted' && iOS) {
+          if (!granted) {
             onPermissionDenied();
             return;
           }
@@ -94,10 +81,10 @@ const UploadDocument = ({
           <View>
             <ImageViewer
               source={{
-                uri: typeof image === 'object' ? image.uri : image,
+                uri: typeof image === "object" ? image.uri : image,
               }}
               style={style.image}
-              resizeMode='cover'
+              resizeMode="cover"
               avatar
               onLoadEnd={() => setLoading(false)}
             />
@@ -113,12 +100,12 @@ const UploadDocument = ({
             <Text
               style={style.titleUploaded}
               numberOfLines={1}
-              ellipsizeMode='tail'
+              ellipsizeMode="tail"
             >
               {title}
             </Text>
             <TouchableOpacity onPress={() => setShowMediaModal(true)}>
-              <Text size='tiny' style={style.reUpload}>
+              <Text size="tiny" style={style.reUpload}>
                 {reUploadButtonText}
               </Text>
             </TouchableOpacity>
@@ -128,17 +115,17 @@ const UploadDocument = ({
         <View style={style.noUploaded}>
           {icon}
           <Text
-            size='large'
+            size="large"
             style={style.title}
             numberOfLines={1}
-            ellipsizeMode='tail'
+            ellipsizeMode="tail"
           >
             {title}
           </Text>
-          <Text size='small' style={style.description}>
+          <Text size="small" style={style.description}>
             {description}
           </Text>
-          <Button variant='dim' onPress={() => setShowMediaModal(true)}>
+          <Button variant="dim" onPress={() => setShowMediaModal(true)}>
             <Text>{uploadButtonText}</Text>
           </Button>
         </View>
@@ -148,9 +135,9 @@ const UploadDocument = ({
         visible={showMediaModal}
         inverted={inverted}
         title={mediaModal.title}
-        onConfirm={() => pickUploadMethod('camera')}
+        onConfirm={() => pickUploadMethod("camera")}
         confirmText={mediaModal.confirmText}
-        onCancel={() => pickUploadMethod('gallery')}
+        onCancel={() => pickUploadMethod("gallery")}
         cancelText={mediaModal.cancelText}
         onClose={() => setShowMediaModal(false)}
       >
@@ -179,10 +166,10 @@ const UploadDocument = ({
 };
 
 UploadDocument.defaultProps = {
-  title: ' ',
-  description: ' ',
-  uploadButtonText: ' ',
-  reUploadButtonText: ' ',
+  title: " ",
+  description: " ",
+  uploadButtonText: " ",
+  reUploadButtonText: " ",
   completed: false,
   inverted: false,
   isAvatarPicker: false,
@@ -191,17 +178,17 @@ UploadDocument.defaultProps = {
   file: null,
   onPermissionDenied: () => {},
   mediaModal: {
-    title: ' ',
-    confirmText: ' ',
-    cancelText: ' ',
-    description: ' ',
+    title: " ",
+    confirmText: " ",
+    cancelText: " ",
+    description: " ",
   },
   takePicture: {
-    cameraErrorMessage: ' ',
-    requestPermissionsMessage: ' ',
-    processingPictureMessage: ' ',
-    repeatPictureText: ' ',
-    usePictureText: ' ',
+    cameraErrorMessage: " ",
+    requestPermissionsMessage: " ",
+    processingPictureMessage: " ",
+    repeatPictureText: " ",
+    usePictureText: " ",
   },
 };
 

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.101",
+  "version": "0.6.103",
   "license": "MIT",
   "files": [
     "lib",
@@ -28,22 +28,21 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "2.1.2",
-    "@react-native-community/datetimepicker": "8.3.0",
+    "@react-native-community/datetimepicker": "8.4.1",
     "@react-native-community/slider": "4.5.6",
-    "expo": "^53.0.10",
-    "expo-asset": "~11.1.5",
-    "expo-camera": "~16.1.7",
-    "expo-font": "~13.3.1",
-    "expo-image": "~2.2.0",
+    "expo": "~53.0.24",
+    "expo-asset": "~11.1.7",
+    "expo-camera": "~16.1.11",
+    "expo-font": "~13.3.2",
+    "expo-image": "~2.4.1",
     "expo-image-manipulator": "~13.1.7",
     "expo-image-picker": "~16.1.4",
-    "expo-media-library": "~17.1.7",
     "expo-status-bar": "~2.2.3",
     "moment": "^2.30.1",
     "prop-types": "^15.8.1",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "react-native": "0.79.3",
+    "react-native": "0.79.6",
     "react-native-countdown-circle-timer": "^3.2.1",
     "react-native-deck-swiper": "^2.0.16",
     "react-native-dropdown-picker": "^5.4.6",
@@ -68,7 +67,7 @@
     "@storybook/react-native": "^6.5.7",
     "@storybook/react-native-server": "^6.5.8",
     "babel-loader": "^9.1.3",
-    "expo-dev-client": "~5.2.0"
+    "expo-dev-client": "~5.2.4"
   },
   "peerDependencies": {
     "expo-camera": ">=13.0.0",