@widergy/mobile-ui 0.32.2 → 0.33.0

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+# [0.33.0](https://github.com/widergy/mobile-ui/compare/v0.32.4...v0.33.0) (2022-03-25)
+
+
+### Features
+
+* allow any mime type ([#217](https://github.com/widergy/mobile-ui/issues/217)) ([9b99614](https://github.com/widergy/mobile-ui/commit/9b99614b93d98e14a57c409f0e7674c5832d1b58))
+
+## [0.32.4](https://github.com/widergy/mobile-ui/compare/v0.32.3...v0.32.4) (2022-03-07)
+
+
+### Bug Fixes
+
+* round the percentage in progress bar in routes ([#216](https://github.com/widergy/mobile-ui/issues/216)) ([9a1c459](https://github.com/widergy/mobile-ui/commit/9a1c4593fbce214c700bc708aecd16c8b10716cd))
+
+## [0.32.3](https://github.com/widergy/mobile-ui/compare/v0.32.2...v0.32.3) (2022-02-25)
+
+
+### Bug Fixes
+
+* show image on updates (ImagePicker) ([#213](https://github.com/widergy/mobile-ui/issues/213)) ([1b55704](https://github.com/widergy/mobile-ui/commit/1b55704c7e8a42eb057da35872f85ac8b7d11506))
+
 ## [0.32.2](https://github.com/widergy/mobile-ui/compare/v0.32.1...v0.32.2) (2022-02-11)
 
 

package/lib/components/FilePicker/index.js

@@ -26,37 +26,31 @@ class FilePicker extends Component {
       onError,
       onChange,
       maxFileByteSize,
+      avoidRetrieveFile,
       fileTypeError,
       allowedPDFUploadSizes,
       pdfFormatError
     } = this.props;
-    const promisePicker = new Promise(async (resolve, reject) => {
-      try {
-        const picker = await DocumentPicker.pick({
-          type: allowedTypes && !onlyPDFAllowed(allowedTypes) ? allowedTypes : DocumentPicker.types.allFiles
-        });
-        return resolve(picker[0]);
-      } catch (error) {
-        return reject(error);
-      }
-    });
     try {
-      const document = await promisePicker;
+      const documents = await DocumentPicker.pick({
+        type: allowedTypes && !onlyPDFAllowed(allowedTypes) ? allowedTypes : DocumentPicker.types.allFiles
+      });
+      const document = documents[0];
       const isPDF = document.type.includes('pdf');
       const isImage = document.type.includes('image');
       if (onlyPDFAllowed(allowedTypes) && !isPDF) {
         throw new Error(fileTypeError || 'El tipo de archivo debe ser PDF.');
       }
-      if (!isImage && !isImageByUri(document.uri) && !isPDF) {
+      if (allowedTypes && !isImage && !isImageByUri(document.uri) && !isPDF) {
         throw new Error(fileTypeError || 'Tipo de archivo inválido.');
       }
-      if (document.size > maxFileByteSize) {
+      if (maxFileByteSize && document.size > maxFileByteSize) {
         onMaxSizeError(document.size, maxFileByteSize);
         return;
       }
-      const file = await retrieveFile(document.uri, document.type);
+      const file = !avoidRetrieveFile && (await retrieveFile(document.uri, document.type));
 
-      if (isPDF && !isEmpty(allowedPDFUploadSizes)) {
+      if (file && isPDF && !isEmpty(allowedPDFUploadSizes)) {
         const isWrongFormat = await pdfAspectRatioValidation(file, allowedPDFUploadSizes);
         if (isWrongFormat) {
           throw new Error(
@@ -68,7 +62,7 @@ class FilePicker extends Component {
         }
       }
       if (onChange) {
-        onChange({ file });
+        onChange(avoidRetrieveFile ? { document } : { file });
       }
       this.setState({ fileName: document.name });
     } catch (err) {

package/lib/components/ImagePicker/index.js

@@ -21,13 +21,21 @@ const ImagePickerComponent = ({
   pickerOptions,
   style,
   filePlaceholder,
+  unknownFilename,
   withMarkdownTitle,
   markdownStyles,
-  value
+  value,
+  urlKey,
+  avoidRetrieveFile,
+  defaultSource
 }) => {
-  const initialFileValues = { source: value?.source, fileName: value?.fileName };
-  const hasInitialValues = initialFileValues.source && initialFileValues.fileName;
-  const [image, setImage] = useState(hasInitialValues ? initialFileValues : null);
+  const fallbackSource = urlKey ? value[urlKey] : typeof value === 'string' ? value : null;
+  const fileValues = {
+    source: value?.source ?? fallbackSource,
+    fileName: value?.fileName ?? unknownFilename ?? filePlaceholder
+  };
+  const hasValue = fileValues.source && fileValues.fileName;
+  const image = hasValue ? fileValues : null;
   const [deleteModalOpen, setDeleteModalOpen] = useState(false);
   const [imageModalOpen, setImageModalOpen] = useState(false);
   const mergedOptions = { ...options, ...pickerOptions };
@@ -45,21 +53,20 @@ const ImagePickerComponent = ({
       }
       const { assets } = response;
       const item = assets[0];
-      const file = await retrieveFile(item.uri, item.type);
-      if (!file) {
+      const file = !avoidRetrieveFile && (await retrieveFile(item.uri, item.type));
+      if (!avoidRetrieveFile && !file) {
         onError(response.errorCode);
         return;
       }
 
-      if (file.size > maxFileByteSize) {
+      if (!avoidRetrieveFile && maxFileByteSize && file.size > maxFileByteSize) {
         onMaxSizeError(file.size, maxFileByteSize);
         return;
       }
 
       if (onChange) {
         const fileNameAndSource = { source: item.uri, fileName: item.fileName };
-        onChange({ file, ...fileNameAndSource });
-        setImage(fileNameAndSource);
+        onChange({ ...fileNameAndSource, ...(!avoidRetrieveFile && { file }) });
       }
     });
   };
@@ -68,7 +75,6 @@ const ImagePickerComponent = ({
     if (onChange) {
       onChange(null);
     }
-    setImage(null);
     setDeleteModalOpen(false);
   };
 
@@ -102,6 +108,7 @@ const ImagePickerComponent = ({
       deleteImageModalText={deleteImageModalText}
       withMarkdownTitle={withMarkdownTitle}
       markdownStyles={markdownStyles}
+      defaultSource={defaultSource}
     />
   );
 };

package/lib/components/ImagePicker/layout.js

@@ -33,6 +33,7 @@ const ImagePicker = ({
   onOpenImageModal,
   withMarkdownTitle,
   markdownStyles,
+  defaultSource,
   optionsModal
 }) => {
   const [openModalSelection, setOpenModalSelection] = useState(false);
@@ -75,7 +76,12 @@ const ImagePicker = ({
       {image && (
         <View style={styles.imageContainer}>
           <TouchableWithoutFeedback onPress={onOpenImageModal} style={styles.touchable}>
-            <Image source={{ uri: image.source }} style={styles.image} resizeMode="contain" />
+            <Image
+              source={{ uri: image.source }}
+              style={styles.image}
+              resizeMode="contain"
+              defaultSource={defaultSource}
+            />
           </TouchableWithoutFeedback>
         </View>
       )}

package/lib/components/UTProgressBar/utils.js

@@ -1 +1,4 @@
-export const formatPercentage = value => `${(value * 100).toFixed(0).padStart(3, ' ')}%`;
+export const formatPercentage = value =>
+  `${Math.floor(value * 100)
+    .toFixed(0)
+    .padStart(3, ' ')}%`;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "0.32.2",
+  "version": "0.33.0",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [
@@ -26,7 +26,7 @@
     "react": "*",
     "react-native": "*",
     "react-native-document-picker": "^3.4.0",
-    "react-native-image-picker": "^0.28.0",
+    "react-native-image-picker": "4.x.x",
     "react-native-image-resizer": "^1.2.2",
     "react-native-svg": "*",
     "react-native-vector-icons": "*"