@holper/react-native-holper-storybook 0.6.11 → 0.6.14

package/lib/components/SwipeablePanel/index.js

@@ -45,6 +45,7 @@ const SwipeablePanel = ({
   const LARGE_PANEL_HEIGHT = (screenHeight - offset) - calcMarginTop(); // This is the margin top
   const MEDIUM_PANEL_HEIGHT = 400; // Fixed height
 
+  const [closeButtonClicked, setCloseButtonClicked] = useState(false);
   const [status, setStatus] = useState(STATUS.LARGE);
   const [animatedValueY, setAnimatedValueY] = useState(LARGE_PANEL_HEIGHT);
   const pan = useRef(new Animated.ValueXY({x: 0, y: LARGE_PANEL_HEIGHT})).current;
@@ -152,7 +153,10 @@ const SwipeablePanel = ({
         </View>
 
         {closeButton && (
-          <TouchableOpacity onPress={onClose} style={style.closeButton}>
+          <TouchableOpacity onPress={() => {
+            setCloseButtonClicked(true);
+            onClose();
+          }} style={style.closeButton}>
             <Ionicons name='close-outline' size={20} color={Colors.darkblue}/>
           </TouchableOpacity>
         )}
@@ -163,7 +167,11 @@ const SwipeablePanel = ({
               isPlaying={true}
               duration={closeAfterSeconds}
               colors={Colors.green}
-              onComplete={onClose}
+              onComplete={() => {
+                if (!closeButtonClicked) {
+                  onClose();
+                }
+              }}
               size={40}
               strokeWidth={4}
             >

package/lib/components/SwipeablePanel/style.js

@@ -74,7 +74,7 @@ export default {
   },
   autoClose: {
     position: 'absolute',
-    right: 10,
+    left: 10,
     top: 10
   },
 };

package/lib/configs/loadFonts.js

@@ -1,11 +1,11 @@
 import * as Font from 'expo-font';
 
-export const loadFonts = [
-  asyncLoadFont
-];
-
 export const asyncLoadFont = Font.loadAsync({
   poppins_bold: require('../assets/fonts/Poppins-Bold.ttf'),
   poppins_regular: require('../assets/fonts/Poppins-Regular.ttf'),
   poppins_semiBold: require('../assets/fonts/Poppins-SemiBold.ttf')
 });
+
+export const loadFonts = [
+  asyncLoadFont
+];

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.11",
+  "version": "0.6.14",
   "license": "MIT",
   "files": [
     "lib",
@@ -28,21 +28,21 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "~1.15.0",
-    "expo-camera": "~12.1.0",
+    "expo-camera": "~12.1.2",
     "expo-font": "~10.0.4",
     "expo-image-manipulator": "~10.2.0",
     "expo-image-picker": "~12.0.1",
     "expo-media-library": "~14.0.0",
-    "moment": "^2.29.1",
-    "prop-types": "^15.7.2",
-    "react-native-countdown-circle-timer": "^2.5.4",
+    "moment": "^2.29.3",
+    "prop-types": "^15.8.1",
+    "react-native-countdown-circle-timer": "^3.0.9",
     "react-native-deck-swiper": "^2.0.5",
-    "react-native-flash-message": "^0.1.21",
+    "react-native-flash-message": "^0.2.1",
     "react-native-picker-select": "^8.0.4",
     "react-native-safe-area-context": "3.3.2",
     "react-native-status-bar-height": "^2.6.0",
     "react-native-svg": "12.1.1",
-    "react-native-vector-icons": "^8.0.0"
+    "react-native-vector-icons": "^9.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",
@@ -63,7 +63,7 @@
     "react-native-web": "0.17.1"
   },
   "peerDependencies": {
-    "expo-camera": "~12.0.3",
+    "expo-camera": "^12.2.0",
     "react": ">=16.13.1",
     "react-dom": ">=16.13.1",
     "react-native": ">=0.60.0",