@widergy/mobile-ui 0.32.1 → 0.32.4

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [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)
+
+
+### Bug Fixes
+
+* deprecated keyboard ([#214](https://github.com/widergy/mobile-ui/issues/214)) ([57b3775](https://github.com/widergy/mobile-ui/commit/57b37756155c7bf759e586ce35f090e86834fa89))
+
 ## [0.32.1](https://github.com/widergy/mobile-ui/compare/v0.32.0...v0.32.1) (2022-01-19)
 
 

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/lib/hooks/useKeyboardHeight.js

@@ -13,12 +13,12 @@ const useKeyboardHeight = () => {
   };
 
   useEffect(() => {
-    Keyboard.addListener('keyboardDidShow', keyboardDidShow);
-    Keyboard.addListener('keyboardDidHide', keyboardDidHide);
+    const showSubscription = Keyboard.addListener('keyboardDidShow', keyboardDidShow);
+    const hideSubscription = Keyboard.addListener('keyboardDidHide', keyboardDidHide);
 
     return () => {
-      Keyboard.removeListener('keyboardDidShow', keyboardDidShow);
-      Keyboard.removeListener('keyboardDidHide', keyboardDidHide);
+      showSubscription.remove();
+      hideSubscription.remove();
     };
   }, []);
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "0.32.1",
+  "version": "0.32.4",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [