cdslibrary 1.2.91 → 1.2.93

package/components/CDSImageButtonGroup.jsx

@@ -35,7 +35,7 @@ export const CDSImageButtonGroup = ({ array, onSelect, isCentered }) => {
     };
 
     return (
-        <View style={[
+        <Animated.View style={[
             animatedLayout,
             { width: '100%' } // Asegura que el contenedor ocupe todo el ancho disponible
         ]}>
@@ -65,7 +65,7 @@ export const CDSImageButtonGroup = ({ array, onSelect, isCentered }) => {
                     />
                 ))}
             </ScrollView>
-        </View>
+        </Animated.View>
     );
 }
 

package/components/CDSInput.jsx

@@ -12,7 +12,7 @@ import { useTheme } from "../context/CDSThemeContext";
 
 const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
 
-export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeText, animationTrigger, returnKeyType, onFocus }) => {
+export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeText, animationTrigger, onBlur, onFocus }) => {
   const { theme } = useTheme();
   const [isFocused, setIsFocused] = useState(false);
 
@@ -54,13 +54,13 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
   useEffect(() => {
     // ELIMINAMOS la restricción de !isReadOnly para que se anime siempre
     if (!isInternalChange.current && value) {
-      flashValue.value = withDelay(400, withSequence(
-        withTiming(1, { duration: 400 }),
+      flashValue.value = withDelay(300, withSequence(
+        withTiming(1, { duration: 300 }),
         withTiming(0, { duration: 600 })
       ));
 
       textHighlight.value = withSequence(
-        withTiming(1, { duration: 400 }),
+        withTiming(1, { duration: 300 }),
         withTiming(0, { duration: 600 })
       );
     }
@@ -79,8 +79,7 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
 
     return {
       borderColor,
-      borderWidth: 1 + (flashValue.value * 2),
-      transform: [{ scale: 1 + (flashValue.value * 0.02) }]
+      borderWidth: 1 + (flashValue.value * 3),
     };
   });
 
@@ -114,7 +113,8 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
         animatedBoxStyle,
         {
           backgroundColor: isReadOnly ? theme.surface.neutral.primaryVariant : theme.surface.neutral.primary,
-          borderRadius: theme.radius?.sm || 8,
+          borderRadius: theme.radius?.sm,
+          pointerEvents: isReadOnly ? 'none' : 'auto',
         }
       ]}>
         <AnimatedTextInput
@@ -136,7 +136,10 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
           editable={!isReadOnly}
           secureTextEntry={type === "password"}
           onFocus={() => { setIsFocused(true); onFocus && onFocus(); }}
-          onBlur={() => setIsFocused(false)}
+          onBlur={() => {
+            setIsFocused(false);
+            onBlur && onBlur(); 
+          }}
           underlineColorAndroid="transparent"
         />
       </Animated.View>
@@ -145,14 +148,17 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
 };
 
 const styles = StyleSheet.create({
-  container: { width: "100%", alignSelf: 'stretch' },
+  container: {
+    width: "100%", alignSelf: 'stretch',
+
+  },
   wrapper: {
     width: '100%',
     height: 48,
     flexDirection: 'row',
     alignItems: 'center',
-    borderWidth: 1,
     overflow: 'hidden'
+
   },
-  textBox: { flex: 1, height: '100%', width: '100%' },
+  textBox: { flex: 1, height: '100%', width: '100%', },
 });

package/components/CDSTable.jsx

@@ -69,7 +69,6 @@ export const CDSTable = ({ columns, data, breakpoint = 500 }) => {
                                 styles.cell,
                                 { padding: theme.space.sm },
                                 col.width ? { width: col.width } : { flex: 1 },
-                                // Alinea el contenedor para móvil (Expo Go)
                                 col.align === 'right' ? { alignItems: 'flex-end' } : { alignItems: 'flex-start' }
                             ]}
                         >
@@ -78,7 +77,6 @@ export const CDSTable = ({ columns, data, breakpoint = 500 }) => {
                                 {
                                     color: theme.text.neutral.secondary,
                                     textAlign: col.align || 'left',
-                                    // Tabular-nums asegura que los números tengan el mismo ancho (perfecto para precios)
                                     fontVariant: col.align === 'right' ? ['tabular-nums'] : [],
                                 }
                             ]}>

package/package.json

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