@codeleap/mobile 3.10.1 → 3.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "3.10.1",
+  "version": "3.10.2",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {

package/src/components/FileInput/index.tsx

@@ -41,10 +41,10 @@ const pickerDefaults = {
   cropping: true,
 }
 
-function parsePickerData(data:ImageOrVideo):FileResult {
+function parsePickerData(data: ImageOrVideo): FileResult {
 
   const filePathData = parseFilePathData(data.path)
-  const d:MobileFile = {
+  const d: MobileFile = {
     ...data,
     name: filePathData.name,
     size: data.size,
@@ -78,22 +78,27 @@ const _FileInput = forwardRef<
     onOpenFileSystem = null,
     onError,
   } = fileInputProps
-  const resolveWithFile = useRef<(file:FileResult[]) => any>()
+  const resolveWithFile = useRef<(file: FileResult[]) => any>()
   const { logger } = useCodeleapContext()
 
+  const resolveFiles = (files) => {
+    if (resolveWithFile.current) {
+      resolveWithFile.current(files ?? [])
+      resolveWithFile.current = undefined
+    }
+  }
+
   async function openFileSystem() {
     try {
       let files = await DocumentPicker.pick(options)
+
       if (!Array.isArray(files)) {
         files = [files]
       }
 
       const filesWithPreview = files.map((file) => ({ preview: file.uri, file }))
 
-      if (resolveWithFile.current) {
-        resolveWithFile.current(filesWithPreview)
-        resolveWithFile.current = undefined
-      }
+      resolveFiles(filesWithPreview)
       onFileSelect?.(filesWithPreview)
     } catch (err) {
       handleError(err)
@@ -113,13 +118,17 @@ const _FileInput = forwardRef<
   } as Options
 
   const handlePickerResolution = (data: ImageOrVideo | ImageOrVideo[]) => {
-    let imageArray:ImageOrVideo[] = []
+    let imageArray: ImageOrVideo[] = []
     if (!Array.isArray(data)) {
       imageArray = [data]
     } else {
       imageArray = data
     }
-    onFileSelect(imageArray.map(parsePickerData))
+    const images = imageArray.map(parsePickerData)
+
+    resolveFiles(images)
+
+    onFileSelect?.(images)
   }
   const onPress = (open?: FileInputImageSource, options?: Options) => {
     if (open == 'fs') {
@@ -166,7 +175,7 @@ const _FileInput = forwardRef<
             {
               text: 'Cancel',
               style: 'cancel',
-              onPress: () => {},
+              onPress: () => { },
               ...alertProps?.options?.[0],
             },
           ],
@@ -200,7 +209,7 @@ export const FileInput = _FileInput as unknown as ((props: FileInputProps) => JS
 export const useFileInput = () => {
   const inputRef = useRef<FileInputRef>(null)
 
-  const openFilePicker = (imageSource:FileInputImageSource = null):Promise<FileResult[]> => {
+  const openFilePicker = (imageSource: FileInputImageSource = null): Promise<FileResult[]> => {
     return inputRef.current?.openFilePicker(imageSource)
   }