@chem-po/react-native 0.0.24 → 0.0.26

package/lib/module/components/image/ImageViewModal.js

@@ -1,8 +1,9 @@
 import { useScreen } from '@chem-po/react';
 import { Ionicons } from '@expo/vector-icons';
-import React, { useCallback, useMemo, useRef, useState } from 'react';
-import { Animated, Image, Modal, StyleSheet, TouchableOpacity, View } from 'react-native';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Image, Modal, StyleSheet, TouchableOpacity, View } from 'react-native';
 import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
+import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
 import { LoadingLogo } from '../loading/Loading';
 export const ImageViewModal = ({
   isOpen,
@@ -17,18 +18,15 @@ export const ImageViewModal = ({
     height: screenHeight / 2
   });
 
-  // Animated values for zoom and pan
-  const scale = useRef(new Animated.Value(1)).current;
-  const translateX = useRef(new Animated.Value(0)).current;
-  const translateY = useRef(new Animated.Value(0)).current;
+  // Shared values for zoom and pan (reanimated)
+  const scale = useSharedValue(1);
+  const translateX = useSharedValue(0);
+  const translateY = useSharedValue(0);
 
-  // Gesture state
-  const savedScale = useRef(1);
-  const savedTranslateX = useRef(0);
-  const savedTranslateY = useRef(0);
-  const currentScale = useRef(1);
-  const currentTranslateX = useRef(0);
-  const currentTranslateY = useRef(0);
+  // Saved state for gesture handling
+  const savedScale = useSharedValue(1);
+  const savedTranslateX = useSharedValue(0);
+  const savedTranslateY = useSharedValue(0);
   const {
     height,
     width
@@ -61,122 +59,111 @@ export const ImageViewModal = ({
 
   // Reset zoom and pan when modal opens/closes
   const resetTransform = useCallback(() => {
-    scale.setValue(1);
-    translateX.setValue(0);
-    translateY.setValue(0);
-    savedScale.current = 1;
-    savedTranslateX.current = 0;
-    savedTranslateY.current = 0;
-    currentScale.current = 1;
-    currentTranslateX.current = 0;
-    currentTranslateY.current = 0;
-  }, [scale, translateX, translateY]);
+    scale.value = 1;
+    translateX.value = 0;
+    translateY.value = 0;
+    savedScale.value = 1;
+    savedTranslateX.value = 0;
+    savedTranslateY.value = 0;
+  }, [scale, translateX, translateY, savedScale, savedTranslateX, savedTranslateY]);
 
   // Reset when modal closes or src changes
-  React.useEffect(() => {
+  useEffect(() => {
     if (!isOpen || !src) {
       resetTransform();
     }
   }, [isOpen, src, resetTransform]);
 
-  // Pan gesture
+  // Pan gesture with worklet
   const panGesture = Gesture.Pan().onUpdate(event => {
+    'worklet';
+
     // Only allow panning if zoomed in
-    if (savedScale.current > 1) {
-      const newTranslateX = savedTranslateX.current + event.translationX;
-      const newTranslateY = savedTranslateY.current + event.translationY;
+    if (savedScale.value > 1) {
+      const newTranslateX = savedTranslateX.value + event.translationX;
+      const newTranslateY = savedTranslateY.value + event.translationY;
 
       // Calculate bounds to prevent panning too far
-      const maxTranslateX = (width * savedScale.current - width) / 2;
-      const maxTranslateY = (height * savedScale.current - height) / 2;
+      const maxTranslateX = (width * savedScale.value - width) / 2;
+      const maxTranslateY = (height * savedScale.value - height) / 2;
       const boundedTranslateX = Math.max(-maxTranslateX, Math.min(maxTranslateX, newTranslateX));
       const boundedTranslateY = Math.max(-maxTranslateY, Math.min(maxTranslateY, newTranslateY));
-      translateX.setValue(boundedTranslateX);
-      translateY.setValue(boundedTranslateY);
-      currentTranslateX.current = boundedTranslateX;
-      currentTranslateY.current = boundedTranslateY;
+      translateX.value = boundedTranslateX;
+      translateY.value = boundedTranslateY;
     }
   }).onEnd(() => {
-    savedTranslateX.current = currentTranslateX.current;
-    savedTranslateY.current = currentTranslateY.current;
+    'worklet';
+
+    savedTranslateX.value = translateX.value;
+    savedTranslateY.value = translateY.value;
   });
 
-  // Pinch gesture
+  // Pinch gesture with worklet
   const pinchGesture = Gesture.Pinch().onUpdate(event => {
-    const newScale = savedScale.current * event.scale;
+    'worklet';
+
+    const newScale = savedScale.value * event.scale;
     // Limit zoom between 1x and 5x
     const boundedScale = Math.max(1, Math.min(5, newScale));
-    scale.setValue(boundedScale);
-    currentScale.current = boundedScale;
+    scale.value = boundedScale;
 
     // If zooming out to 1x, reset position
     if (boundedScale <= 1) {
-      translateX.setValue(0);
-      translateY.setValue(0);
-      currentTranslateX.current = 0;
-      currentTranslateY.current = 0;
+      translateX.value = 0;
+      translateY.value = 0;
     }
   }).onEnd(() => {
-    savedScale.current = currentScale.current;
+    'worklet';
+
+    savedScale.value = scale.value;
     // If scale is close to 1, snap back to 1
-    if (savedScale.current < 1.1) {
-      Animated.parallel([Animated.spring(scale, {
-        toValue: 1,
-        useNativeDriver: true
-      }), Animated.spring(translateX, {
-        toValue: 0,
-        useNativeDriver: true
-      }), Animated.spring(translateY, {
-        toValue: 0,
-        useNativeDriver: true
-      })]).start();
-      savedScale.current = 1;
-      savedTranslateX.current = 0;
-      savedTranslateY.current = 0;
-      currentScale.current = 1;
-      currentTranslateX.current = 0;
-      currentTranslateY.current = 0;
+    if (savedScale.value < 1.1) {
+      scale.value = withSpring(1);
+      translateX.value = withSpring(0);
+      translateY.value = withSpring(0);
+      savedScale.value = 1;
+      savedTranslateX.value = 0;
+      savedTranslateY.value = 0;
     } else {
-      savedTranslateX.current = currentTranslateX.current;
-      savedTranslateY.current = currentTranslateY.current;
+      savedTranslateX.value = translateX.value;
+      savedTranslateY.value = translateY.value;
     }
   });
 
-  // Double tap to zoom
+  // Double tap to zoom with worklet
   const doubleTapGesture = Gesture.Tap().numberOfTaps(2).onEnd(() => {
-    if (savedScale.current > 1) {
+    'worklet';
+
+    if (savedScale.value > 1) {
       // Zoom out
-      Animated.parallel([Animated.spring(scale, {
-        toValue: 1,
-        useNativeDriver: true
-      }), Animated.spring(translateX, {
-        toValue: 0,
-        useNativeDriver: true
-      }), Animated.spring(translateY, {
-        toValue: 0,
-        useNativeDriver: true
-      })]).start();
-      savedScale.current = 1;
-      savedTranslateX.current = 0;
-      savedTranslateY.current = 0;
-      currentScale.current = 1;
-      currentTranslateX.current = 0;
-      currentTranslateY.current = 0;
+      scale.value = withSpring(1);
+      translateX.value = withSpring(0);
+      translateY.value = withSpring(0);
+      savedScale.value = 1;
+      savedTranslateX.value = 0;
+      savedTranslateY.value = 0;
     } else {
       // Zoom in to 2x
-      Animated.spring(scale, {
-        toValue: 2,
-        useNativeDriver: true
-      }).start();
-      savedScale.current = 2;
-      currentScale.current = 2;
+      scale.value = withSpring(2);
+      savedScale.value = 2;
     }
   });
 
-  // Test simple single tap gesture
-
-  // Combine gestures - simplified approach
+  // Combine gestures
   const combinedGestures = Gesture.Race(doubleTapGesture, Gesture.Simultaneous(panGesture, pinchGesture));
+
+  // Animated style using reanimated
+  const animatedStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        scale: scale.value
+      }, {
+        translateX: translateX.value
+      }, {
+        translateY: translateY.value
+      }]
+    };
+  });
   if (!isOpen) {
     return null;
   }
@@ -201,15 +188,8 @@ export const ImageViewModal = ({
     style: [styles.imageContainer, {
       width,
       height,
-      opacity: loading ? 0 : 1,
-      transform: [{
-        scale
-      }, {
-        translateX
-      }, {
-        translateY
-      }]
-    }]
+      opacity: loading ? 0 : 1
+    }, animatedStyle]
   }, /*#__PURE__*/React.createElement(Image, {
     source: src ? {
       uri: src

package/lib/module/components/image/ImageViewModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["useScreen","Ionicons","React","useCallback","useMemo","useRef","useState","Animated","Image","Modal","StyleSheet","TouchableOpacity","View","Gesture","GestureDetector","GestureHandlerRootView","LoadingLogo","ImageViewModal","isOpen","onClose","src","loading","setLoading","screenWidth","s","width","screenHeight","height","imageSize","setImageSize","scale","Value","current","translateX","translateY","savedScale","savedTranslateX","savedTranslateY","currentScale","currentTranslateX","currentTranslateY","ratio","h","Math","min","w","onLoadStart","onLoad","e","naturalWidth","naturalHeight","nativeEvent","source","resetTransform","setValue","useEffect","panGesture","Pan","onUpdate","event","newTranslateX","translationX","newTranslateY","translationY","maxTranslateX","maxTranslateY","boundedTranslateX","max","boundedTranslateY","onEnd","pinchGesture","Pinch","newScale","boundedScale","parallel","spring","toValue","useNativeDriver","start","doubleTapGesture","Tap","numberOfTaps","combinedGestures","Race","Simultaneous","createElement","visible","transparent","animationType","onRequestClose","style","styles","gestureRoot","modalOverlay","backgroundTouchable","activeOpacity","onPress","contentContainer","gesture","imageContainer","opacity","transform","uri","undefined","image","resizeMode","closeButton","name","size","color","loadingContainer","isLoading","create","flex","backgroundColor","absoluteFillObject","justifyContent","alignItems","padding","overflow","borderRadius","position","top","right"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/image/ImageViewModal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useScreen","Ionicons","React","useCallback","useEffect","useMemo","useState","Image","Modal","StyleSheet","TouchableOpacity","View","Gesture","GestureDetector","GestureHandlerRootView","Animated","useAnimatedStyle","useSharedValue","withSpring","LoadingLogo","ImageViewModal","isOpen","onClose","src","loading","setLoading","screenWidth","s","width","screenHeight","height","imageSize","setImageSize","scale","translateX","translateY","savedScale","savedTranslateX","savedTranslateY","ratio","h","Math","min","w","onLoadStart","onLoad","e","naturalWidth","naturalHeight","nativeEvent","source","resetTransform","value","panGesture","Pan","onUpdate","event","newTranslateX","translationX","newTranslateY","translationY","maxTranslateX","maxTranslateY","boundedTranslateX","max","boundedTranslateY","onEnd","pinchGesture","Pinch","newScale","boundedScale","doubleTapGesture","Tap","numberOfTaps","combinedGestures","Race","Simultaneous","animatedStyle","transform","createElement","visible","transparent","animationType","onRequestClose","style","styles","gestureRoot","modalOverlay","backgroundTouchable","activeOpacity","onPress","contentContainer","gesture","imageContainer","opacity","uri","undefined","image","resizeMode","closeButton","name","size","color","loadingContainer","isLoading","create","flex","backgroundColor","absoluteFillObject","justifyContent","alignItems","padding","overflow","borderRadius","position","top","right"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/image/ImageViewModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/image/ImageViewModal.old.js

@@ -0,0 +1,277 @@
+import { useScreen } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { Animated, Image, Modal, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
+import { LoadingLogo } from '../loading/Loading';
+export const ImageViewModal = ({
+  isOpen,
+  onClose,
+  src
+}) => {
+  const [loading, setLoading] = useState(true);
+  const screenWidth = useScreen(s => s.width);
+  const screenHeight = useScreen(s => s.height);
+  const [imageSize, setImageSize] = useState({
+    width: screenWidth / 2,
+    height: screenHeight / 2
+  });
+
+  // Animated values for zoom and pan
+  const scale = useRef(new Animated.Value(1)).current;
+  const translateX = useRef(new Animated.Value(0)).current;
+  const translateY = useRef(new Animated.Value(0)).current;
+
+  // Gesture state
+  const savedScale = useRef(1);
+  const savedTranslateX = useRef(0);
+  const savedTranslateY = useRef(0);
+  const currentScale = useRef(1);
+  const currentTranslateX = useRef(0);
+  const currentTranslateY = useRef(0);
+  const {
+    height,
+    width
+  } = useMemo(() => {
+    if (loading) return imageSize;
+    const ratio = imageSize.width / imageSize.height;
+    let h = Math.min(imageSize.height, screenHeight * 0.9);
+    let w = h * ratio;
+    if (w > screenWidth * 0.9) {
+      w = Math.min(imageSize.width, screenWidth * 0.9);
+      h = w / ratio;
+    }
+    return {
+      height: h,
+      width: w
+    };
+  }, [screenHeight, screenWidth, imageSize, loading]);
+  const onLoadStart = useCallback(() => setLoading(true), []);
+  const onLoad = useCallback(e => {
+    const {
+      width: naturalWidth,
+      height: naturalHeight
+    } = e.nativeEvent.source;
+    setImageSize({
+      width: naturalWidth,
+      height: naturalHeight
+    });
+    setLoading(false);
+  }, []);
+
+  // Reset zoom and pan when modal opens/closes
+  const resetTransform = useCallback(() => {
+    scale.setValue(1);
+    translateX.setValue(0);
+    translateY.setValue(0);
+    savedScale.current = 1;
+    savedTranslateX.current = 0;
+    savedTranslateY.current = 0;
+    currentScale.current = 1;
+    currentTranslateX.current = 0;
+    currentTranslateY.current = 0;
+  }, [scale, translateX, translateY]);
+
+  // Reset when modal closes or src changes
+  React.useEffect(() => {
+    if (!isOpen || !src) {
+      resetTransform();
+    }
+  }, [isOpen, src, resetTransform]);
+
+  // Pan gesture
+  const panGesture = Gesture.Pan().onUpdate(event => {
+    // Only allow panning if zoomed in
+    if (savedScale.current > 1) {
+      const newTranslateX = savedTranslateX.current + event.translationX;
+      const newTranslateY = savedTranslateY.current + event.translationY;
+
+      // Calculate bounds to prevent panning too far
+      const maxTranslateX = (width * savedScale.current - width) / 2;
+      const maxTranslateY = (height * savedScale.current - height) / 2;
+      const boundedTranslateX = Math.max(-maxTranslateX, Math.min(maxTranslateX, newTranslateX));
+      const boundedTranslateY = Math.max(-maxTranslateY, Math.min(maxTranslateY, newTranslateY));
+      translateX.setValue(boundedTranslateX);
+      translateY.setValue(boundedTranslateY);
+      currentTranslateX.current = boundedTranslateX;
+      currentTranslateY.current = boundedTranslateY;
+    }
+  }).onEnd(() => {
+    savedTranslateX.current = currentTranslateX.current;
+    savedTranslateY.current = currentTranslateY.current;
+  });
+
+  // Pinch gesture
+  const pinchGesture = Gesture.Pinch().onUpdate(event => {
+    const newScale = savedScale.current * event.scale;
+    // Limit zoom between 1x and 5x
+    const boundedScale = Math.max(1, Math.min(5, newScale));
+    scale.setValue(boundedScale);
+    currentScale.current = boundedScale;
+
+    // If zooming out to 1x, reset position
+    if (boundedScale <= 1) {
+      translateX.setValue(0);
+      translateY.setValue(0);
+      currentTranslateX.current = 0;
+      currentTranslateY.current = 0;
+    }
+  }).onEnd(() => {
+    savedScale.current = currentScale.current;
+    // If scale is close to 1, snap back to 1
+    if (savedScale.current < 1.1) {
+      Animated.parallel([Animated.spring(scale, {
+        toValue: 1,
+        useNativeDriver: true
+      }), Animated.spring(translateX, {
+        toValue: 0,
+        useNativeDriver: true
+      }), Animated.spring(translateY, {
+        toValue: 0,
+        useNativeDriver: true
+      })]).start();
+      savedScale.current = 1;
+      savedTranslateX.current = 0;
+      savedTranslateY.current = 0;
+      currentScale.current = 1;
+      currentTranslateX.current = 0;
+      currentTranslateY.current = 0;
+    } else {
+      savedTranslateX.current = currentTranslateX.current;
+      savedTranslateY.current = currentTranslateY.current;
+    }
+  });
+
+  // Double tap to zoom
+  const doubleTapGesture = Gesture.Tap().numberOfTaps(2).onEnd(() => {
+    if (savedScale.current > 1) {
+      // Zoom out
+      Animated.parallel([Animated.spring(scale, {
+        toValue: 1,
+        useNativeDriver: true
+      }), Animated.spring(translateX, {
+        toValue: 0,
+        useNativeDriver: true
+      }), Animated.spring(translateY, {
+        toValue: 0,
+        useNativeDriver: true
+      })]).start();
+      savedScale.current = 1;
+      savedTranslateX.current = 0;
+      savedTranslateY.current = 0;
+      currentScale.current = 1;
+      currentTranslateX.current = 0;
+      currentTranslateY.current = 0;
+    } else {
+      // Zoom in to 2x
+      Animated.spring(scale, {
+        toValue: 2,
+        useNativeDriver: true
+      }).start();
+      savedScale.current = 2;
+      currentScale.current = 2;
+    }
+  });
+
+  // Test simple single tap gesture
+
+  // Combine gestures - simplified approach
+  const combinedGestures = Gesture.Race(doubleTapGesture, Gesture.Simultaneous(panGesture, pinchGesture));
+  if (!isOpen) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Modal, {
+    visible: isOpen,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose
+  }, /*#__PURE__*/React.createElement(GestureHandlerRootView, {
+    style: styles.gestureRoot
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.modalOverlay
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.backgroundTouchable,
+    activeOpacity: 1,
+    onPress: onClose
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.contentContainer
+  }, /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: combinedGestures
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.imageContainer, {
+      width,
+      height,
+      opacity: loading ? 0 : 1,
+      transform: [{
+        scale
+      }, {
+        translateX
+      }, {
+        translateY
+      }]
+    }]
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: src ? {
+      uri: src
+    } : undefined,
+    style: styles.image,
+    onLoadStart: onLoadStart,
+    onLoad: onLoad,
+    resizeMode: "contain"
+  }))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.closeButton,
+    onPress: onClose
+  }, /*#__PURE__*/React.createElement(Ionicons, {
+    name: "close",
+    size: 24,
+    color: "white"
+  })), loading || !src ? /*#__PURE__*/React.createElement(View, {
+    style: styles.loadingContainer
+  }, /*#__PURE__*/React.createElement(LoadingLogo, {
+    isLoading: loading,
+    size: 70
+  })) : null))));
+};
+const styles = StyleSheet.create({
+  gestureRoot: {
+    flex: 1
+  },
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.7)'
+  },
+  backgroundTouchable: {
+    ...StyleSheet.absoluteFillObject
+  },
+  contentContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 16
+  },
+  imageContainer: {
+    overflow: 'hidden',
+    borderRadius: 4
+  },
+  image: {
+    width: '100%',
+    height: '100%'
+  },
+  closeButton: {
+    position: 'absolute',
+    top: 16,
+    right: 16,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  loadingContainer: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=ImageViewModal.old.js.map

package/lib/module/components/image/ImageViewModal.old.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useScreen","Ionicons","React","useCallback","useMemo","useRef","useState","Animated","Image","Modal","StyleSheet","TouchableOpacity","View","Gesture","GestureDetector","GestureHandlerRootView","LoadingLogo","ImageViewModal","isOpen","onClose","src","loading","setLoading","screenWidth","s","width","screenHeight","height","imageSize","setImageSize","scale","Value","current","translateX","translateY","savedScale","savedTranslateX","savedTranslateY","currentScale","currentTranslateX","currentTranslateY","ratio","h","Math","min","w","onLoadStart","onLoad","e","naturalWidth","naturalHeight","nativeEvent","source","resetTransform","setValue","useEffect","panGesture","Pan","onUpdate","event","newTranslateX","translationX","newTranslateY","translationY","maxTranslateX","maxTranslateY","boundedTranslateX","max","boundedTranslateY","onEnd","pinchGesture","Pinch","newScale","boundedScale","parallel","spring","toValue","useNativeDriver","start","doubleTapGesture","Tap","numberOfTaps","combinedGestures","Race","Simultaneous","createElement","visible","transparent","animationType","onRequestClose","style","styles","gestureRoot","modalOverlay","backgroundTouchable","activeOpacity","onPress","contentContainer","gesture","imageContainer","opacity","transform","uri","undefined","image","resizeMode","closeButton","name","size","color","loadingContainer","isLoading","create","flex","backgroundColor","absoluteFillObject","justifyContent","alignItems","padding","overflow","borderRadius","position","top","right"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/image/ImageViewModal.old.tsx"],"mappings":"AAAA,SAASA,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACrE,SAASC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACzF,SAASC,OAAO,EAAEC,eAAe,EAAEC,sBAAsB,QAAQ,8BAA8B;AAC/F,SAASC,WAAW,QAAQ,oBAAoB;AAQhD,OAAO,MAAMC,cAA6C,GAAGA,CAAC;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAAI,CAAC,KAAK;EACzF,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGhB,QAAQ,CAAC,IAAI,CAAC;EAC5C,MAAMiB,WAAW,GAAGvB,SAAS,CAACwB,CAAC,IAAIA,CAAC,CAACC,KAAK,CAAC;EAC3C,MAAMC,YAAY,GAAG1B,SAAS,CAACwB,CAAC,IAAIA,CAAC,CAACG,MAAM,CAAC;EAC7C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGvB,QAAQ,CAAC;IAAEmB,KAAK,EAAEF,WAAW,GAAG,CAAC;IAAEI,MAAM,EAAED,YAAY,GAAG;EAAE,CAAC,CAAC;;EAEhG;EACA,MAAMI,KAAK,GAAGzB,MAAM,CAAC,IAAIE,QAAQ,CAACwB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACnD,MAAMC,UAAU,GAAG5B,MAAM,CAAC,IAAIE,QAAQ,CAACwB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACxD,MAAME,UAAU,GAAG7B,MAAM,CAAC,IAAIE,QAAQ,CAACwB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;;EAExD;EACA,MAAMG,UAAU,GAAG9B,MAAM,CAAC,CAAC,CAAC;EAC5B,MAAM+B,eAAe,GAAG/B,MAAM,CAAC,CAAC,CAAC;EACjC,MAAMgC,eAAe,GAAGhC,MAAM,CAAC,CAAC,CAAC;EACjC,MAAMiC,YAAY,GAAGjC,MAAM,CAAC,CAAC,CAAC;EAC9B,MAAMkC,iBAAiB,GAAGlC,MAAM,CAAC,CAAC,CAAC;EACnC,MAAMmC,iBAAiB,GAAGnC,MAAM,CAAC,CAAC,CAAC;EAEnC,MAAM;IAAEsB,MAAM;IAAEF;EAAM,CAAC,GAAGrB,OAAO,CAAC,MAAM;IACtC,IAAIiB,OAAO,EAAE,OAAOO,SAAS;IAC7B,MAAMa,KAAK,GAAGb,SAAS,CAACH,KAAK,GAAGG,SAAS,CAACD,MAAM;IAChD,IAAIe,CAAC,GAAGC,IAAI,CAACC,GAAG,CAAChB,SAAS,CAACD,MAAM,EAAED,YAAY,GAAG,GAAG,CAAC;IACtD,IAAImB,CAAC,GAAGH,CAAC,GAAGD,KAAK;IACjB,IAAII,CAAC,GAAGtB,WAAW,GAAG,GAAG,EAAE;MACzBsB,CAAC,GAAGF,IAAI,CAACC,GAAG,CAAChB,SAAS,CAACH,KAAK,EAAEF,WAAW,GAAG,GAAG,CAAC;MAChDmB,CAAC,GAAGG,CAAC,GAAGJ,KAAK;IACf;IACA,OAAO;MAAEd,MAAM,EAAEe,CAAC;MAAEjB,KAAK,EAAEoB;IAAE,CAAC;EAChC,CAAC,EAAE,CAACnB,YAAY,EAAEH,WAAW,EAAEK,SAAS,EAAEP,OAAO,CAAC,CAAC;EAEnD,MAAMyB,WAAW,GAAG3C,WAAW,CAAC,MAAMmB,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAC3D,MAAMyB,MAAM,GAAG5C,WAAW,CAAE6C,CAAM,IAAK;IACrC,MAAM;MAAEvB,KAAK,EAAEwB,YAAY;MAAEtB,MAAM,EAAEuB;IAAc,CAAC,GAAGF,CAAC,CAACG,WAAW,CAACC,MAAM;IAC3EvB,YAAY,CAAC;MAAEJ,KAAK,EAAEwB,YAAY;MAAEtB,MAAM,EAAEuB;IAAc,CAAC,CAAC;IAC5D5B,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAM+B,cAAc,GAAGlD,WAAW,CAAC,MAAM;IACvC2B,KAAK,CAACwB,QAAQ,CAAC,CAAC,CAAC;IACjBrB,UAAU,CAACqB,QAAQ,CAAC,CAAC,CAAC;IACtBpB,UAAU,CAACoB,QAAQ,CAAC,CAAC,CAAC;IACtBnB,UAAU,CAACH,OAAO,GAAG,CAAC;IACtBI,eAAe,CAACJ,OAAO,GAAG,CAAC;IAC3BK,eAAe,CAACL,OAAO,GAAG,CAAC;IAC3BM,YAAY,CAACN,OAAO,GAAG,CAAC;IACxBO,iBAAiB,CAACP,OAAO,GAAG,CAAC;IAC7BQ,iBAAiB,CAACR,OAAO,GAAG,CAAC;EAC/B,CAAC,EAAE,CAACF,KAAK,EAAEG,UAAU,EAAEC,UAAU,CAAC,CAAC;;EAEnC;EACAhC,KAAK,CAACqD,SAAS,CAAC,MAAM;IACpB,IAAI,CAACrC,MAAM,IAAI,CAACE,GAAG,EAAE;MACnBiC,cAAc,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,CAACnC,MAAM,EAAEE,GAAG,EAAEiC,cAAc,CAAC,CAAC;;EAEjC;EACA,MAAMG,UAAU,GAAG3C,OAAO,CAAC4C,GAAG,CAAC,CAAC,CAC7BC,QAAQ,CAACC,KAAK,IAAI;IACjB;IACA,IAAIxB,UAAU,CAACH,OAAO,GAAG,CAAC,EAAE;MAC1B,MAAM4B,aAAa,GAAGxB,eAAe,CAACJ,OAAO,GAAG2B,KAAK,CAACE,YAAY;MAClE,MAAMC,aAAa,GAAGzB,eAAe,CAACL,OAAO,GAAG2B,KAAK,CAACI,YAAY;;MAElE;MACA,MAAMC,aAAa,GAAG,CAACvC,KAAK,GAAGU,UAAU,CAACH,OAAO,GAAGP,KAAK,IAAI,CAAC;MAC9D,MAAMwC,aAAa,GAAG,CAACtC,MAAM,GAAGQ,UAAU,CAACH,OAAO,GAAGL,MAAM,IAAI,CAAC;MAEhE,MAAMuC,iBAAiB,GAAGvB,IAAI,CAACwB,GAAG,CAAC,CAACH,aAAa,EAAErB,IAAI,CAACC,GAAG,CAACoB,aAAa,EAAEJ,aAAa,CAAC,CAAC;MAC1F,MAAMQ,iBAAiB,GAAGzB,IAAI,CAACwB,GAAG,CAAC,CAACF,aAAa,EAAEtB,IAAI,CAACC,GAAG,CAACqB,aAAa,EAAEH,aAAa,CAAC,CAAC;MAE1F7B,UAAU,CAACqB,QAAQ,CAACY,iBAAiB,CAAC;MACtChC,UAAU,CAACoB,QAAQ,CAACc,iBAAiB,CAAC;MACtC7B,iBAAiB,CAACP,OAAO,GAAGkC,iBAAiB;MAC7C1B,iBAAiB,CAACR,OAAO,GAAGoC,iBAAiB;IAC/C;EACF,CAAC,CAAC,CACDC,KAAK,CAAC,MAAM;IACXjC,eAAe,CAACJ,OAAO,GAAGO,iBAAiB,CAACP,OAAO;IACnDK,eAAe,CAACL,OAAO,GAAGQ,iBAAiB,CAACR,OAAO;EACrD,CAAC,CAAC;;EAEJ;EACA,MAAMsC,YAAY,GAAGzD,OAAO,CAAC0D,KAAK,CAAC,CAAC,CACjCb,QAAQ,CAACC,KAAK,IAAI;IACjB,MAAMa,QAAQ,GAAGrC,UAAU,CAACH,OAAO,GAAG2B,KAAK,CAAC7B,KAAK;IACjD;IACA,MAAM2C,YAAY,GAAG9B,IAAI,CAACwB,GAAG,CAAC,CAAC,EAAExB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE4B,QAAQ,CAAC,CAAC;IACvD1C,KAAK,CAACwB,QAAQ,CAACmB,YAAY,CAAC;IAC5BnC,YAAY,CAACN,OAAO,GAAGyC,YAAY;;IAEnC;IACA,IAAIA,YAAY,IAAI,CAAC,EAAE;MACrBxC,UAAU,CAACqB,QAAQ,CAAC,CAAC,CAAC;MACtBpB,UAAU,CAACoB,QAAQ,CAAC,CAAC,CAAC;MACtBf,iBAAiB,CAACP,OAAO,GAAG,CAAC;MAC7BQ,iBAAiB,CAACR,OAAO,GAAG,CAAC;IAC/B;EACF,CAAC,CAAC,CACDqC,KAAK,CAAC,MAAM;IACXlC,UAAU,CAACH,OAAO,GAAGM,YAAY,CAACN,OAAO;IACzC;IACA,IAAIG,UAAU,CAACH,OAAO,GAAG,GAAG,EAAE;MAC5BzB,QAAQ,CAACmE,QAAQ,CAAC,CAChBnE,QAAQ,CAACoE,MAAM,CAAC7C,KAAK,EAAE;QAAE8C,OAAO,EAAE,CAAC;QAAEC,eAAe,EAAE;MAAK,CAAC,CAAC,EAC7DtE,QAAQ,CAACoE,MAAM,CAAC1C,UAAU,EAAE;QAAE2C,OAAO,EAAE,CAAC;QAAEC,eAAe,EAAE;MAAK,CAAC,CAAC,EAClEtE,QAAQ,CAACoE,MAAM,CAACzC,UAAU,EAAE;QAAE0C,OAAO,EAAE,CAAC;QAAEC,eAAe,EAAE;MAAK,CAAC,CAAC,CACnE,CAAC,CAACC,KAAK,CAAC,CAAC;MACV3C,UAAU,CAACH,OAAO,GAAG,CAAC;MACtBI,eAAe,CAACJ,OAAO,GAAG,CAAC;MAC3BK,eAAe,CAACL,OAAO,GAAG,CAAC;MAC3BM,YAAY,CAACN,OAAO,GAAG,CAAC;MACxBO,iBAAiB,CAACP,OAAO,GAAG,CAAC;MAC7BQ,iBAAiB,CAACR,OAAO,GAAG,CAAC;IAC/B,CAAC,MAAM;MACLI,eAAe,CAACJ,OAAO,GAAGO,iBAAiB,CAACP,OAAO;MACnDK,eAAe,CAACL,OAAO,GAAGQ,iBAAiB,CAACR,OAAO;IACrD;EACF,CAAC,CAAC;;EAEJ;EACA,MAAM+C,gBAAgB,GAAGlE,OAAO,CAACmE,GAAG,CAAC,CAAC,CACnCC,YAAY,CAAC,CAAC,CAAC,CACfZ,KAAK,CAAC,MAAM;IACX,IAAIlC,UAAU,CAACH,OAAO,GAAG,CAAC,EAAE;MAC1B;MACAzB,QAAQ,CAACmE,QAAQ,CAAC,CAChBnE,QAAQ,CAACoE,MAAM,CAAC7C,KAAK,EAAE;QAAE8C,OAAO,EAAE,CAAC;QAAEC,eAAe,EAAE;MAAK,CAAC,CAAC,EAC7DtE,QAAQ,CAACoE,MAAM,CAAC1C,UAAU,EAAE;QAAE2C,OAAO,EAAE,CAAC;QAAEC,eAAe,EAAE;MAAK,CAAC,CAAC,EAClEtE,QAAQ,CAACoE,MAAM,CAACzC,UAAU,EAAE;QAAE0C,OAAO,EAAE,CAAC;QAAEC,eAAe,EAAE;MAAK,CAAC,CAAC,CACnE,CAAC,CAACC,KAAK,CAAC,CAAC;MACV3C,UAAU,CAACH,OAAO,GAAG,CAAC;MACtBI,eAAe,CAACJ,OAAO,GAAG,CAAC;MAC3BK,eAAe,CAACL,OAAO,GAAG,CAAC;MAC3BM,YAAY,CAACN,OAAO,GAAG,CAAC;MACxBO,iBAAiB,CAACP,OAAO,GAAG,CAAC;MAC7BQ,iBAAiB,CAACR,OAAO,GAAG,CAAC;IAC/B,CAAC,MAAM;MACL;MACAzB,QAAQ,CAACoE,MAAM,CAAC7C,KAAK,EAAE;QAAE8C,OAAO,EAAE,CAAC;QAAEC,eAAe,EAAE;MAAK,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;MACrE3C,UAAU,CAACH,OAAO,GAAG,CAAC;MACtBM,YAAY,CAACN,OAAO,GAAG,CAAC;IAC1B;EACF,CAAC,CAAC;;EAEJ;;EAEA;EACA,MAAMkD,gBAAgB,GAAGrE,OAAO,CAACsE,IAAI,CACnCJ,gBAAgB,EAChBlE,OAAO,CAACuE,YAAY,CAAC5B,UAAU,EAAEc,YAAY,CAC/C,CAAC;EAED,IAAI,CAACpD,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACEhB,KAAA,CAAAmF,aAAA,CAAC5E,KAAK;IAAC6E,OAAO,EAAEpE,MAAO;IAACqE,WAAW;IAACC,aAAa,EAAC,MAAM;IAACC,cAAc,EAAEtE;EAAQ,gBAC/EjB,KAAA,CAAAmF,aAAA,CAACtE,sBAAsB;IAAC2E,KAAK,EAAEC,MAAM,CAACC;EAAY,gBAChD1F,KAAA,CAAAmF,aAAA,CAACzE,IAAI;IAAC8E,KAAK,EAAEC,MAAM,CAACE;EAAa,gBAC/B3F,KAAA,CAAAmF,aAAA,CAAC1E,gBAAgB;IACf+E,KAAK,EAAEC,MAAM,CAACG,mBAAoB;IAClCC,aAAa,EAAE,CAAE;IACjBC,OAAO,EAAE7E;EAAQ,CAClB,CAAC,eACFjB,KAAA,CAAAmF,aAAA,CAACzE,IAAI;IAAC8E,KAAK,EAAEC,MAAM,CAACM;EAAiB,gBACnC/F,KAAA,CAAAmF,aAAA,CAACvE,eAAe;IAACoF,OAAO,EAAEhB;EAAiB,gBACzChF,KAAA,CAAAmF,aAAA,CAAC9E,QAAQ,CAACK,IAAI;IACZ8E,KAAK,EAAE,CACLC,MAAM,CAACQ,cAAc,EACrB;MACE1E,KAAK;MACLE,MAAM;MACNyE,OAAO,EAAE/E,OAAO,GAAG,CAAC,GAAG,CAAC;MACxBgF,SAAS,EAAE,CAAC;QAAEvE;MAAM,CAAC,EAAE;QAAEG;MAAW,CAAC,EAAE;QAAEC;MAAW,CAAC;IACvD,CAAC;EACD,gBACFhC,KAAA,CAAAmF,aAAA,CAAC7E,KAAK;IACJ4C,MAAM,EAAEhC,GAAG,GAAG;MAAEkF,GAAG,EAAElF;IAAI,CAAC,GAAGmF,SAAU;IACvCb,KAAK,EAAEC,MAAM,CAACa,KAAM;IACpB1D,WAAW,EAAEA,WAAY;IACzBC,MAAM,EAAEA,MAAO;IACf0D,UAAU,EAAC;EAAS,CACrB,CACY,CACA,CAAC,eAElBvG,KAAA,CAAAmF,aAAA,CAAC1E,gBAAgB;IAAC+E,KAAK,EAAEC,MAAM,CAACe,WAAY;IAACV,OAAO,EAAE7E;EAAQ,gBAC5DjB,KAAA,CAAAmF,aAAA,CAACpF,QAAQ;IAAC0G,IAAI,EAAC,OAAO;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAC;EAAO,CAAE,CAChC,CAAC,EAElBxF,OAAO,IAAI,CAACD,GAAG,gBACdlB,KAAA,CAAAmF,aAAA,CAACzE,IAAI;IAAC8E,KAAK,EAAEC,MAAM,CAACmB;EAAiB,gBACnC5G,KAAA,CAAAmF,aAAA,CAACrE,WAAW;IAAC+F,SAAS,EAAE1F,OAAQ;IAACuF,IAAI,EAAE;EAAG,CAAE,CACxC,CAAC,GACL,IACA,CACF,CACgB,CACnB,CAAC;AAEZ,CAAC;AAED,MAAMjB,MAAM,GAAGjF,UAAU,CAACsG,MAAM,CAAC;EAC/BpB,WAAW,EAAE;IACXqB,IAAI,EAAE;EACR,CAAC;EACDpB,YAAY,EAAE;IACZoB,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE;EACnB,CAAC;EACDpB,mBAAmB,EAAE;IACnB,GAAGpF,UAAU,CAACyG;EAChB,CAAC;EACDlB,gBAAgB,EAAE;IAChBgB,IAAI,EAAE,CAAC;IACPG,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE;EACX,CAAC;EACDnB,cAAc,EAAE;IACdoB,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE;EAChB,CAAC;EACDhB,KAAK,EAAE;IACL/E,KAAK,EAAE,MAAM;IACbE,MAAM,EAAE;EACV,CAAC;EACD+E,WAAW,EAAE;IACXe,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPC,KAAK,EAAE,EAAE;IACTlG,KAAK,EAAE,EAAE;IACTE,MAAM,EAAE,EAAE;IACV6F,YAAY,EAAE,EAAE;IAChBN,eAAe,EAAE,oBAAoB;IACrCE,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDP,gBAAgB,EAAE;IAChB,GAAGpG,UAAU,CAACyG,kBAAkB;IAChCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/loading/ProgressBar.js

@@ -0,0 +1,70 @@
+import { useColorModeValue, useThemeValue } from '@chem-po/react';
+import React, { useEffect, useRef } from 'react';
+import { Animated, StyleSheet, Text, View } from 'react-native';
+export const ProgressBar = ({
+  progress,
+  label,
+  height = 26
+}) => {
+  const accentColor = useThemeValue('colors.accent.300');
+  const animatedWidth = useRef(new Animated.Value(0)).current;
+  const backgroundColor = useColorModeValue('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.2)');
+  useEffect(() => {
+    Animated.timing(animatedWidth, {
+      toValue: progress,
+      duration: 300,
+      useNativeDriver: false // width animations require layout driver
+    }).start();
+  }, [progress, animatedWidth]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.progressContainer, {
+      height,
+      backgroundColor
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.progressBar
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.progressFill, {
+      width: animatedWidth.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0%', '100%'],
+        extrapolate: 'clamp'
+      }),
+      backgroundColor: accentColor
+    }]
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.label
+  }, label));
+};
+const styles = StyleSheet.create({
+  progressContainer: {
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 20,
+    padding: 3
+  },
+  progressBar: {
+    height: '100%',
+    width: '100%',
+    borderRadius: 20,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%'
+  },
+  label: {
+    position: 'absolute',
+    color: 'white',
+    fontSize: 12,
+    fontWeight: '500',
+    textTransform: 'uppercase',
+    textShadowColor: 'rgba(0, 0, 0, 0.67)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 3
+  }
+});
+//# sourceMappingURL=ProgressBar.js.map