cdslibrary 1.2.60 → 1.2.62

package/components/CDSBottomSheet.jsx

@@ -77,18 +77,13 @@ const bottomSheetRender = ({
   // --- 4. Efectos de Entrada/Salida ---
   useEffect(() => {
     if (isVisible) {
-      // SOLUCIÓN: Aumentamos damping a 30 (frena más fuerte)
-      // Opcional: overshootClamping: true (prohíbe pasarse de la línea)
-      translation.value = withSpring(0, { 
-          damping: 30,  // <--- Antes era 15. Súbelo entre 25 y 30.
-          stiffness: 90,
-          overshootClamping: false // Ponlo en true si aun así rebota
-      });
-      opacity.value = withTiming(1, { duration: 300 });
-    } else {
-      translation.value = withTiming(startPos, { duration: 300 });
-      opacity.value = withTiming(0, { duration: 300 });
-    }
+    // Usamos una curva Bezier suave (out-expo) que se frena al final
+    translation.value = withTiming(0, {
+        duration: 400,
+        easing: Easing.out(Easing.exp), 
+    });
+    opacity.value = withTiming(1, { duration: 300 });
+}
 }, [isVisible]);
 
   // --- 5. Estilos Animados ---

package/components/CDSSnackBar.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { StyleSheet, Text, TouchableOpacity, } from "react-native";
+import { StyleSheet, Text, TouchableOpacity,  } from "react-native";
 import Animated, {
     useSharedValue,
     useAnimatedStyle,
@@ -18,17 +18,11 @@ export const CDSSnackBar = ({ message, visible, onDismiss, action }) => {
     // Sincronizar visibilidad con animación
     useEffect(() => {
         if (visible) {
-            translateY.value = withSpring(0, {
-                damping: 25,
-                stiffness: 90,
-                overshootClamping: true
-            });
-            opacity.value = withTiming(1, { duration: 300 });
+            translateY.value = withSpring(0, { damping: 15 });
         } else {
-            translation.value = withTiming(startPos, { duration: 300 });
-            opacity.value = withTiming(0, { duration: 300 });
+            translateY.value = withTiming(150);
         }
-    }, [visible, isMobile]);
+    }, [visible]);
 
     // Lógica de auto-ocultado
     useEffect(() => {
@@ -61,17 +55,9 @@ export const CDSSnackBar = ({ message, visible, onDismiss, action }) => {
             }
         });
 
-    const animatedStyle = useAnimatedStyle(() => {
-        return {
-            transform: [
-                { translateY: translateY.value }
-            ],
-        };
-    });
-
-    useEffect(() => {
-        translateY.value = withTiming(visible ? 0 : 150, { duration: 400 });
-    }, [visible]);
+    const animatedStyle = useAnimatedStyle(() => ({
+        transform: [{ translateY: translateY.value }],
+    }));
 
     if (!visible && translateY.value >= 100) return null;
 
@@ -119,8 +105,8 @@ const styles = StyleSheet.create({
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'space-between',
-        bottom: 40,
-        zIndex: 9999,
+        bottom: 40, 
+        zIndex: 9999, 
         elevation: 10,
     },
     actionButton: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cdslibrary",
   "license": "0BSD",
-  "version": "1.2.60",
+  "version": "1.2.62",
   "main": "index.js",
   "author": "Nat Viramontes",
   "description": "A library of components for the CDS project",