cdslibrary 1.2.7 → 1.2.9

package/components/CDSBottomSheet.jsx

@@ -25,17 +25,19 @@ export const CDSBottomSheet = ({
   onFinish,
 }) => {
 
-  const handleLayout = (event) => {
-    const { width } = event.nativeEvent.layout;
-    setChildHeight(width);  // Guardamos el ancho en el estado
+const handleLayout = (event) => {
+    const { height: layoutHeight } = event.nativeEvent.layout;
+    setChildHeight(layoutHeight); 
   };
 
   const { theme } = useTheme();
-
+  const [childHeight, setChildHeight] = useState(0);
   const [modalVisible, setModalVisible] = useState(isVisible);
   const [modalOpacity] = useState(new Animated.Value(0));
   const [slidePosition] = useState(new Animated.Value(height));
 
+
+  
   useEffect(() => {
     const targetValue = isMobile ? height : width; // Valor fuera de pantalla
 
@@ -71,7 +73,6 @@ export const CDSBottomSheet = ({
           }, isMobile ? [styles.container.typeBottomSheet, {
             borderTopLeftRadius: theme.radius.lg,
             borderTopRightRadius: theme.radius.lg,
-
           }] : [styles.container.typeDrawer, {
             borderBottomLeftRadius: theme.radius.lg, borderTopLeftRadius: theme.radius.lg, paddingBottom: theme.space.md,
           },
@@ -87,8 +88,8 @@ export const CDSBottomSheet = ({
             style={{ position: "absolute", right: theme.space.sm, top: theme.space.sm }}
           />
         )}
-        {title && <Text style={theme.typography.bold.lg}>{title}</Text>}
-        <View style={styles.scrollWrapper}> {/* 👈 Nuevo View para envolver */}
+        <Text style={theme.typography.bold.lg}>{title}</Text>
+        <View style={styles.scrollWrapper}>
           <ScrollView
             style={styles.scrollArea}
             contentContainerStyle={[styles.scrollContent, {
@@ -104,12 +105,10 @@ export const CDSBottomSheet = ({
             )}
             {customSlot && <View style={styles.customSlot}>{customSlot}</View>}
           </ScrollView>
-
-          {/* El Gradiente */}
           <LinearGradient
-            colors={['transparent', theme.surface.neutral.primary]} // Ajusta los colores
+            colors={['transparent', theme.surface.neutral.primary]} 
             style={styles.fadeGradient}
-            pointerEvents="none" // Importante para que no bloquee el click en los botones debajo
+            pointerEvents="none" 
           />
         </View>
         {type !== "informative" && (
@@ -182,10 +181,10 @@ const styles = StyleSheet.create({
     width: '100%',
   },
   scrollArea: {
-    flexShrink: 1, 
+    flexShrink: 1,
     flexGrow: 1,
-    width: '100%',  
-    paddingBottom: 20, 
+    width: '100%',
+    paddingBottom: 20,
   },
 
   scrollContent: {

package/components/CDSButtonGroup.jsx

@@ -25,7 +25,7 @@ export const CDSButtonGroup = ({ options, onSelect, label='Label' }) => {
                             // Si está seleccionado es 'primary', si no 'secondary'
                             type={selectedIndex === index ? "primary" : "secondary"}
                             isActive={selectedIndex === index}
-                            onPress={() => handlePress(index, option.label)}
+                            onPress={() => handlePress(index, option.value)}
                         />
                     
                 ))}

package/package.json

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