cdslibrary 1.2.79 → 1.2.81

package/components/CDSCardFeedback.jsx

@@ -1,15 +1,16 @@
 import React, { useState, useRef } from "react";
-import { View, Text, StyleSheet, TouchableOpacity, Platform, Animated } from "react-native";
+import { View, Text, StyleSheet, TouchableOpacity,  Animated } from "react-native";
 import { MaterialIcons } from "@expo/vector-icons";
 import { useTheme } from "../context/CDSThemeContext";
 
 export const CDSCardFeedback = ({
     style,
     title,
-    description,
+    message,
     secondAction,
     onPressSecondAction,
-    onClose 
+    onClose,
+    onCloseLabel = 'Cerrar'
 }) => {
     const { theme } = useTheme();
     const [isVisible, setIsVisible] = useState(true);
@@ -85,9 +86,9 @@ export const CDSCardFeedback = ({
                 </View>
             )}
             
-            {description && (
-                <Text style={[styles.description, theme.typography.regular.md, { color: currentStyle.text }]}>
-                    {description}
+            {message && (
+                <Text style={[styles.message, theme.typography.regular.md, { color: currentStyle.text }]}>
+                    {message}
                 </Text>
             )}
 
@@ -101,7 +102,7 @@ export const CDSCardFeedback = ({
                 )}
                 <TouchableOpacity onPress={handleClose}>
                     <Text style={[theme.typography.bold.sm, { color: currentStyle.text }]}>
-                        {'Cerrar'}
+                        {onCloseLabel}
                     </Text>
                 </TouchableOpacity>
             </View>
@@ -118,7 +119,7 @@ const styles = StyleSheet.create({
         flexDirection: 'row',
         alignItems: 'center',
     },
-    description: {},
+    message: {},
     actionsContainer: {
         flexDirection: 'row',
         width: '100%',

package/components/CDSInput.jsx

@@ -1,18 +1,18 @@
 import React, { useState, useEffect, useRef } from "react";
 import { View, Text, TextInput, StyleSheet, Platform } from "react-native";
-import Animated, { 
-  useAnimatedStyle, 
-  useSharedValue, 
-  withSequence, 
-  withTiming, 
-  interpolateColor 
+import Animated, {
+  useAnimatedStyle,
+  useSharedValue,
+  withSequence,
+  withTiming,
+  interpolateColor
 } from "react-native-reanimated";
 import { useTheme } from "../context/CDSThemeContext";
 
 export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeText, animationTrigger, returnKeyType, onFocus }) => {
   const { theme } = useTheme();
   const [isFocused, setIsFocused] = useState(false);
-  
+
   const flashValue = useSharedValue(0);
   const isInternalChange = useRef(false);
 
@@ -28,7 +28,7 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
 
   const handleTextChange = (inputText) => {
     isInternalChange.current = true;
-    
+
     if (keyboard === "numeric" || keyboard === "decimal-pad") {
       let cleaned = inputText.replace(',', '.').replace(/[^0-9.]/g, "");
       const parts = cleaned.split('.');
@@ -56,12 +56,12 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
       borderWidth: 1 + (flashValue.value * 1),
     };
   });
-  
+
   return (
     <View style={styles.container}>
       {label && (
         <Text style={[
-          theme.typography.label, 
+          theme.typography.label,
           { color: theme.text.neutral.primary, marginBottom: theme.space.xs }
         ]}>
           {label}
@@ -69,18 +69,18 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
       )}
 
       <Animated.View style={[
-        styles.wrapper, 
+        styles.wrapper,
         animatedBoxStyle,
         {
-            backgroundColor: type === 'readOnly' ? theme.surface.neutral.primaryVariant : theme.surface.neutral.primary,
-            borderRadius: theme.radius.sm,
+          backgroundColor: type === 'readOnly' ? theme.surface.neutral.primaryVariant : theme.surface.neutral.primary,
+          borderRadius: theme.radius.sm,
         }
       ]}>
         <TextInput
           style={[
             styles.textBox,
             theme.typography.inputText.value,
-            { 
+            {
               paddingHorizontal: theme.space.sm,
               color: type === 'readOnly' ? theme.text.neutral.secondary : theme.text.neutral.primary,
               // Fix para web:
@@ -96,10 +96,11 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
           value={value}
           editable={type !== 'readOnly'}
           secureTextEntry={type === "password"}
-          onFocus={() => {setIsFocused(true); onFocus}}
+          onFocus={() => { setIsFocused(true); onFocus }}
           onBlur={() => setIsFocused(false)}
           underlineColorAndroid="transparent"
           returnKeyType={returnKeyType}
+          dataSet={{ lpignore: "true" }}
         />
       </Animated.View>
     </View>
@@ -107,8 +108,8 @@ export const CDSInput = ({ label, type, keyboard, placeholder, value, onChangeTe
 };
 
 const styles = StyleSheet.create({
-  container: { 
-    width: "100%", 
+  container: {
+    width: "100%",
     alignSelf: 'stretch',
   },
   wrapper: {

package/components/CDSSwitch.jsx

@@ -6,7 +6,7 @@ export const CDSSwitch = ({ label, onValueChange, value }) => {
   const { theme } = useTheme();
 
   return (
-    <View style={[styles.container, { marginVertical: theme.space.sm }]}>
+    <View style={[styles.container, { }]}>
       {label && (
         <Text style={[
           theme.typography.label,

package/package.json

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