dhre-ui-kit 0.0.236 → 0.0.238

package/lib/index.mjs

@@ -751,17 +751,21 @@ const CustomLoader = ({ loading, loadingText = "Loading..." }) => {
   useEffect(() => {
     if (loading) {
       Animated.loop(
-        Animated.parallel([
-          Animated.timing(rotateAnim, {
-            toValue: 1,
-            duration: 1500,
-            easing: Easing.linear,
-            useNativeDriver: true
-          })
-        ])
+        Animated.timing(rotateAnim, {
+          toValue: 1,
+          duration: 1500,
+          easing: Easing.linear,
+          useNativeDriver: true
+        })
       ).start();
+    } else {
+      rotateAnim.stopAnimation();
+      rotateAnim.setValue(0);
     }
-  }, [loading]);
+    return () => {
+      rotateAnim.stopAnimation();
+    };
+  }, [loading, rotateAnim]);
   if (!loading) return null;
   const spin = rotateAnim.interpolate({
     inputRange: [0, 1],
@@ -4416,23 +4420,26 @@ const CustomSlideButton = React.forwardRef(
     };
     const panResponder = PanResponder.create({
       onMoveShouldSetPanResponder: (e, gestureState) => {
-        return Math.abs(gestureState.dx) > Math.abs(gestureState.dy);
+        return gestureState.dx !== 0;
       },
       onPanResponderMove: (evt, gestureState) => {
-        translateX.setValue(gestureState.dx);
-        slideTailCardRef?.current?.setNativeProps({
-          style: { width: gestureState.dx + BUTTON_WIDTH / 2 }
-        });
+        if (gestureState.dx > 0) {
+          translateX.setValue(gestureState.dx);
+          slideTailCardRef?.current?.setNativeProps({
+            style: { width: gestureState.dx + BUTTON_WIDTH / 2 }
+          });
+        }
       },
       onPanResponderRelease: (e, gestureState) => {
-        if (gestureState.dx >= value.current * 0.8) {
-          onComplete?.();
+        if (gestureState.dx >= value.current * 0.7) {
           Animated.timing(translateX, {
-            toValue: value.current - BUTTON_WIDTH,
+            toValue: value.current - BUTTON_WIDTH - 12,
             // Slide to the end
             duration: 300,
             useNativeDriver: false
-          }).start();
+          }).start(() => {
+            onComplete?.();
+          });
           slideTailCardRef?.current?.setNativeProps({
             style: { width: value.current + BUTTON_WIDTH }
             // Change the width here