orn-ui 0.1.1 → 0.2.1

package/lib/module/organisms/Modal.js

@@ -1,11 +1,12 @@
 "use strict";
 
-import React, { memo, useEffect, useRef, useState } from 'react';
-import { Animated, Dimensions, KeyboardAvoidingView, Modal as RNModal, Platform, Pressable, ScrollView, View } from 'react-native';
+import React, { memo, useEffect, useState } from 'react';
+import { Dimensions, KeyboardAvoidingView, Modal as RNModal, Platform, Pressable, ScrollView, View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
 import { useColors, useInsets } from '../theme/UIProvider';
 import { Title } from '../atoms/Text';
 import { IconButton } from '../atoms/IconButton';
+import { Transition } from '../atoms/Transition';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   height: SCREEN_HEIGHT
@@ -24,10 +25,6 @@ const useStyles = createStyles(theme => ({
     alignItems: 'center',
     padding: theme.tokens.spacing.xxl - 4
   },
-  bottomSheetContainer: {
-    justifyContent: 'flex-end',
-    padding: 0
-  },
   backdrop: {
     backgroundColor: theme.colors.overlay
   },
@@ -39,15 +36,6 @@ const useStyles = createStyles(theme => ({
     overflow: 'hidden',
     ...theme.tokens.shadow.lg
   },
-  bottomSheetCard: {
-    width: '100%',
-    maxHeight: '90%',
-    backgroundColor: theme.colors.surface,
-    borderTopLeftRadius: theme.tokens.radius.xxl,
-    borderTopRightRadius: theme.tokens.radius.xxl,
-    overflow: 'hidden',
-    ...theme.tokens.shadow.lg
-  },
   header: {
     flexDirection: 'row',
     justifyContent: 'space-between',
@@ -91,10 +79,8 @@ const useStyles = createStyles(theme => ({
 /**
  * Modal
  * Un solo componente para todos los modales de la app: maneja scroll,
- * teclado, insets y layout según `variant`. overlay/bottomSheet/full animan
- * su entrada/salida con Animated (solo transform, nunca opacity sobre la
- * tarjeta: animar opacity ahí dispara un bug de Android donde los hijos con
- * elevation parpadean/redibujan). El fondo semitransparente sí anima opacity.
+ * teclado, insets y layout según `variant`. Para una hoja desde abajo está
+ * BottomSheet, que además trae arrastre para cerrar.
  */
 export const Modal = /*#__PURE__*/memo(({
   visible,
@@ -114,69 +100,19 @@ export const Modal = /*#__PURE__*/memo(({
   const isFull = variant === 'full';
   const isOverlay = variant === 'overlay';
   const isFullScreen = variant === 'fullScreen';
-  const isBottomSheet = variant === 'bottomSheet';
-  const isAnimatedVariant = isOverlay || isBottomSheet || isFull;
+  const isAnimatedVariant = isOverlay || isFull;
   const insets = useInsets();
   const colors = useColors();
   const styles = useStyles();
   const [mounted, setMounted] = useState(!isAnimatedVariant && visible);
-  const backdropOpacity = useRef(new Animated.Value(0)).current;
-  const cardProgress = useRef(new Animated.Value(0)).current;
   useEffect(() => {
-    if (!isAnimatedVariant) {
-      setMounted(visible);
-      return;
-    }
-    if (visible) {
-      setMounted(true);
-      Animated.timing(backdropOpacity, {
-        toValue: 1,
-        duration: 200,
-        useNativeDriver: true
-      }).start();
-      Animated.timing(cardProgress, {
-        toValue: 1,
-        duration: 250,
-        useNativeDriver: true
-      }).start();
-    } else {
-      Animated.timing(backdropOpacity, {
-        toValue: 0,
-        duration: 180,
-        useNativeDriver: true
-      }).start();
-      Animated.timing(cardProgress, {
-        toValue: 0,
-        duration: 200,
-        useNativeDriver: true
-      }).start(({
-        finished
-      }) => {
-        if (finished) setMounted(false);
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    if (!isAnimatedVariant) setMounted(visible);else if (visible) setMounted(true);
   }, [visible, isAnimatedVariant]);
-  const cardAnimatedStyle = isBottomSheet || isFull ? {
-    transform: [{
-      translateY: cardProgress.interpolate({
-        inputRange: [0, 1],
-        outputRange: [SCREEN_HEIGHT, 0]
-      })
-    }]
-  } : {
-    transform: [{
-      translateY: cardProgress.interpolate({
-        inputRange: [0, 1],
-        outputRange: [-40, 0]
-      })
-    }, {
-      scale: cardProgress.interpolate({
-        inputRange: [0, 1],
-        outputRange: [0.9, 1]
-      })
-    }]
-  };
+
+  // La tarjeta nunca anima opacity: hacerlo dispara un bug de Android donde
+  // los hijos con elevation parpadean. El fondo semitransparente sí.
+  const cardPreset = isFull ? ['slide-up'] : ['slide-down', 'scale'];
+  const cardDistance = isFull ? SCREEN_HEIGHT : 40;
   const behavior = Platform.OS === 'ios' ? isFull ? undefined : 'padding' : 'height';
   const keyboardOffset = Platform.OS === 'ios' ? 0 : 20;
   const renderHeader = () => {
@@ -231,34 +167,53 @@ export const Modal = /*#__PURE__*/memo(({
     // de pageSheet sería redundante con nuestra animación de todos modos.
     ,
     presentationStyle: Platform.OS === 'ios' ? isFullScreen ? 'fullScreen' : 'overFullScreen' : undefined,
-    transparent: isOverlay || isBottomSheet || isFull,
+    transparent: isOverlay || isFull,
     statusBarTranslucent: statusBarTranslucent,
     hardwareAccelerated: hardwareAccelerated,
     children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
       behavior: behavior,
       keyboardVerticalOffset: keyboardOffset,
       style: styles.flex1,
-      children: isOverlay || isBottomSheet ? /*#__PURE__*/_jsxs(View, {
-        style: [styles.overlayContainer, isBottomSheet && styles.bottomSheetContainer],
-        children: [/*#__PURE__*/_jsx(Animated.View, {
+      children: isOverlay ? /*#__PURE__*/_jsxs(View, {
+        style: styles.overlayContainer,
+        children: [/*#__PURE__*/_jsx(Transition, {
+          visible: visible,
+          preset: "fade",
+          duration: 200,
+          keepMounted: true,
           style: [{
             ...StyleSheetAbsoluteFill
-          }, styles.backdrop, {
-            opacity: backdropOpacity
-          }],
+          }, styles.backdrop],
           children: /*#__PURE__*/_jsx(Pressable, {
             style: StyleSheetAbsoluteFill,
             onPress: onClose,
             testID: "modal-backdrop"
           })
-        }), /*#__PURE__*/_jsxs(Animated.View, {
-          style: [isOverlay ? styles.overlayCard : styles.bottomSheetCard, isBottomSheet && {
-            paddingBottom: Math.max(insets.bottom, Platform.OS === 'ios' ? 20 : 0)
-          }, containerStyle, cardAnimatedStyle],
+        }), /*#__PURE__*/_jsxs(Transition, {
+          visible: visible,
+          preset: cardPreset,
+          distance: cardDistance,
+          duration: 250,
+          onExited: () => setMounted(false),
+          style: [styles.overlayCard, containerStyle],
           children: [renderHeader(), renderMainContent(), renderFooter()]
         })]
-      }) : /*#__PURE__*/_jsx(Animated.View, {
-        style: [styles.fullWrapper, containerStyle, isFull && cardAnimatedStyle],
+      }) : isFull ? /*#__PURE__*/_jsx(Transition, {
+        visible: visible,
+        preset: cardPreset,
+        distance: cardDistance,
+        duration: 250,
+        onExited: () => setMounted(false),
+        style: [styles.fullWrapper, containerStyle],
+        children: /*#__PURE__*/_jsxs(View, {
+          style: [styles.flex1, {
+            paddingTop: insets.top,
+            paddingBottom: insets.bottom
+          }],
+          children: [renderHeader(), renderMainContent(), renderFooter()]
+        })
+      }) : /*#__PURE__*/_jsx(View, {
+        style: [styles.fullWrapper, containerStyle],
         children: /*#__PURE__*/_jsxs(View, {
           style: [styles.flex1, {
             paddingTop: insets.top,

package/lib/module/organisms/Modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useEffect","useRef","useState","Animated","Dimensions","KeyboardAvoidingView","Modal","RNModal","Platform","Pressable","ScrollView","View","createStyles","useColors","useInsets","Title","IconButton","jsx","_jsx","jsxs","_jsxs","height","SCREEN_HEIGHT","get","useStyles","theme","flex1","flex","fullWrapper","backgroundColor","colors","background","overlayContainer","justifyContent","alignItems","padding","tokens","spacing","xxl","bottomSheetContainer","backdrop","overlay","overlayCard","width","maxHeight","surface","borderRadius","radius","overflow","shadow","lg","bottomSheetCard","borderTopLeftRadius","borderTopRightRadius","header","flexDirection","xl","borderBottomWidth","borderBottomColor","border","title","fontSize","fontWeight","bold","closeButton","marginLeft","md","contentWrapper","flexShrink","scrollWrapper","scrollContent","flexGrow","scrollContentFull","footer","borderTopWidth","borderTopColor","visible","onClose","closeAccessibilityLabel","children","containerStyle","contentStyle","variant","scrollable","statusBarTranslucent","onRequestClose","hardwareAccelerated","isFull","isOverlay","isFullScreen","isBottomSheet","isAnimatedVariant","insets","styles","mounted","setMounted","backdropOpacity","Value","current","cardProgress","timing","toValue","duration","useNativeDriver","start","finished","cardAnimatedStyle","transform","translateY","interpolate","inputRange","outputRange","scale","behavior","OS","undefined","keyboardOffset","renderHeader","style","numberOfLines","iconName","size","color","text","onPress","accessibilityLabel","renderMainContent","contentContainerStyle","keyboardShouldPersistTaps","showsVerticalScrollIndicator","bounces","automaticallyAdjustKeyboardInsets","renderFooter","animationType","presentationStyle","transparent","keyboardVerticalOffset","StyleSheetAbsoluteFill","opacity","testID","paddingBottom","Math","max","bottom","paddingTop","top","displayName","position","left","right"],"sourceRoot":"../../../src","sources":["organisms/Modal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useEffect","useState","Dimensions","KeyboardAvoidingView","Modal","RNModal","Platform","Pressable","ScrollView","View","createStyles","useColors","useInsets","Title","IconButton","Transition","jsx","_jsx","jsxs","_jsxs","height","SCREEN_HEIGHT","get","useStyles","theme","flex1","flex","fullWrapper","backgroundColor","colors","background","overlayContainer","justifyContent","alignItems","padding","tokens","spacing","xxl","backdrop","overlay","overlayCard","width","maxHeight","surface","borderRadius","radius","overflow","shadow","lg","header","flexDirection","xl","borderBottomWidth","borderBottomColor","border","title","fontSize","fontWeight","bold","closeButton","marginLeft","md","contentWrapper","flexShrink","scrollWrapper","scrollContent","flexGrow","scrollContentFull","footer","borderTopWidth","borderTopColor","visible","onClose","closeAccessibilityLabel","children","containerStyle","contentStyle","variant","scrollable","statusBarTranslucent","onRequestClose","hardwareAccelerated","isFull","isOverlay","isFullScreen","isAnimatedVariant","insets","styles","mounted","setMounted","cardPreset","cardDistance","behavior","OS","undefined","keyboardOffset","renderHeader","style","numberOfLines","iconName","size","color","text","onPress","accessibilityLabel","renderMainContent","contentContainerStyle","keyboardShouldPersistTaps","showsVerticalScrollIndicator","bounces","automaticallyAdjustKeyboardInsets","renderFooter","animationType","presentationStyle","transparent","keyboardVerticalOffset","preset","duration","keepMounted","StyleSheetAbsoluteFill","testID","distance","onExited","paddingTop","top","paddingBottom","bottom","displayName","position","left","right"],"sourceRoot":"../../../src","sources":["organisms/Modal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/NavigationBar.js

@@ -0,0 +1,205 @@
+"use strict";
+
+import React, { memo, useEffect, useRef, useState } from 'react';
+import { Animated, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useAllowFontScaling, useColors, useInsets, useTheme } from '../theme/UIProvider';
+import { Icon } from '../icons/Icon';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  bar: {
+    flexDirection: 'row',
+    backgroundColor: theme.colors.surface,
+    borderColor: theme.colors.border,
+    paddingHorizontal: theme.tokens.spacing.xs,
+    paddingVertical: theme.tokens.spacing.sm
+  },
+  barBottom: {
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  barTop: {
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  indicator: {
+    position: 'absolute',
+    top: theme.tokens.spacing.xs,
+    bottom: theme.tokens.spacing.xs,
+    left: theme.tokens.spacing.sm,
+    borderRadius: theme.tokens.radius.lg,
+    backgroundColor: theme.colors.primarySoft
+  },
+  item: {
+    flex: 1,
+    paddingVertical: theme.tokens.spacing.xs
+  },
+  itemContent: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 2
+  },
+  label: {
+    fontSize: theme.tokens.fontSize.xs,
+    fontWeight: theme.tokens.fontWeight.medium
+  },
+  badge: {
+    position: 'absolute',
+    top: -4,
+    left: '50%',
+    marginLeft: 4,
+    minWidth: 16,
+    height: 16,
+    paddingHorizontal: 4,
+    borderRadius: theme.tokens.radius.full,
+    backgroundColor: theme.colors.error,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  badgeDot: {
+    minWidth: 10,
+    height: 10,
+    top: -2,
+    paddingHorizontal: 0
+  },
+  badgeText: {
+    fontSize: 10,
+    fontWeight: theme.tokens.fontWeight.bold,
+    color: theme.colors.onError
+  }
+}));
+const ICON_SIZE = 22;
+
+/**
+ * NavigationBar
+ * Barra de navegación por pestañas con la misma apariencia y las mismas
+ * transiciones en iOS y Android: el indicador se desliza hasta la pestaña
+ * activa y su contenido crece y toma el color de acento con un cross-fade.
+ * No navega por su cuenta — reporta la pestaña tocada y el consumidor decide.
+ */
+export const NavigationBar = /*#__PURE__*/memo(({
+  items,
+  activeKey,
+  onChange,
+  position = 'bottom',
+  showLabels = true,
+  safeArea = true,
+  style,
+  testID
+}) => {
+  const theme = useTheme();
+  const colors = useColors();
+  const styles = useStyles();
+  const insets = useInsets();
+  const allowFontScaling = useAllowFontScaling();
+  const [barWidth, setBarWidth] = useState(0);
+  const slide = useRef(new Animated.Value(0)).current;
+  const placed = useRef(false);
+  const activeIndex = Math.max(0, items.findIndex(item => item.key === activeKey));
+  const itemWidth = items.length > 0 ? barWidth / items.length : 0;
+  useEffect(() => {
+    if (itemWidth <= 0) return;
+    const to = activeIndex * itemWidth;
+    // En el primer layout el indicador aparece en su lugar; animarlo desde 0
+    // sería un deslizamiento que el usuario no pidió.
+    if (!placed.current) {
+      placed.current = true;
+      slide.setValue(to);
+      return;
+    }
+    Animated.spring(slide, {
+      toValue: to,
+      useNativeDriver: true,
+      friction: 9,
+      tension: 90
+    }).start();
+  }, [activeIndex, itemWidth, slide]);
+  const onLayout = e => {
+    const next = e.nativeEvent.layout.width - theme.tokens.spacing.xs * 2;
+    if (next !== barWidth) setBarWidth(next);
+  };
+  const renderContent = (item, color) => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [!!item.iconName && /*#__PURE__*/_jsx(Icon, {
+      name: item.iconName,
+      size: ICON_SIZE,
+      color: color
+    }), showLabels && /*#__PURE__*/_jsx(Text, {
+      allowFontScaling: allowFontScaling,
+      numberOfLines: 1,
+      style: [styles.label, {
+        color
+      }],
+      children: item.label
+    })]
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    onLayout: onLayout,
+    accessibilityRole: "tablist",
+    style: [styles.bar, position === 'bottom' ? styles.barBottom : styles.barTop, safeArea && position === 'bottom' && {
+      paddingBottom: theme.tokens.spacing.sm + insets.bottom
+    }, safeArea && position === 'top' && {
+      paddingTop: theme.tokens.spacing.sm + insets.top
+    }, style],
+    children: [itemWidth > 0 && /*#__PURE__*/_jsx(Animated.View, {
+      testID: "navigation-bar-indicator",
+      pointerEvents: "none",
+      style: [styles.indicator, safeArea && position === 'bottom' && {
+        bottom: theme.tokens.spacing.xs + insets.bottom
+      }, safeArea && position === 'top' && {
+        top: theme.tokens.spacing.xs + insets.top
+      }, {
+        width: itemWidth - theme.tokens.spacing.sm * 2,
+        transform: [{
+          translateX: slide
+        }]
+      }]
+    }), items.map((item, index) => {
+      const active = index === activeIndex;
+      const range = [(index - 1) * itemWidth, index * itemWidth, (index + 1) * itemWidth];
+      const scale = itemWidth > 0 ? slide.interpolate({
+        inputRange: range,
+        outputRange: [1, 1.08, 1],
+        extrapolate: 'clamp'
+      }) : 1;
+      const activeOpacity = itemWidth > 0 ? slide.interpolate({
+        inputRange: range,
+        outputRange: [0, 1, 0],
+        extrapolate: 'clamp'
+      }) : 0;
+      return /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.item,
+        activeOpacity: 0.7,
+        onPress: () => onChange(item.key),
+        accessibilityRole: "tab",
+        accessibilityLabel: item.label,
+        accessibilityState: {
+          selected: active
+        },
+        children: /*#__PURE__*/_jsxs(Animated.View, {
+          style: [styles.itemContent, {
+            transform: [{
+              scale
+            }]
+          }],
+          children: [renderContent(item, colors.textLight), /*#__PURE__*/_jsx(Animated.View, {
+            pointerEvents: "none",
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            style: [StyleSheet.absoluteFill, styles.itemContent, {
+              opacity: activeOpacity
+            }],
+            children: renderContent(item, colors.primaryText)
+          }), item.badge !== undefined && /*#__PURE__*/_jsx(View, {
+            style: [styles.badge, item.badge === true && styles.badgeDot],
+            children: item.badge !== true && /*#__PURE__*/_jsx(Text, {
+              allowFontScaling: false,
+              style: styles.badgeText,
+              children: item.badge
+            })
+          })]
+        })
+      }, item.key);
+    })]
+  });
+});
+NavigationBar.displayName = 'NavigationBar';
+//# sourceMappingURL=NavigationBar.js.map

package/lib/module/organisms/NavigationBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useRef","useState","Animated","StyleSheet","Text","TouchableOpacity","View","createStyles","useAllowFontScaling","useColors","useInsets","useTheme","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useStyles","theme","bar","flexDirection","backgroundColor","colors","surface","borderColor","border","paddingHorizontal","tokens","spacing","xs","paddingVertical","sm","barBottom","borderTopWidth","hairlineWidth","barTop","borderBottomWidth","indicator","position","top","bottom","left","borderRadius","radius","lg","primarySoft","item","flex","itemContent","alignItems","justifyContent","gap","label","fontSize","fontWeight","medium","badge","marginLeft","minWidth","height","full","error","badgeDot","badgeText","bold","color","onError","ICON_SIZE","NavigationBar","items","activeKey","onChange","showLabels","safeArea","style","testID","styles","insets","allowFontScaling","barWidth","setBarWidth","slide","Value","current","placed","activeIndex","Math","max","findIndex","key","itemWidth","length","to","setValue","spring","toValue","useNativeDriver","friction","tension","start","onLayout","e","next","nativeEvent","layout","width","renderContent","children","iconName","name","size","numberOfLines","accessibilityRole","paddingBottom","paddingTop","pointerEvents","transform","translateX","map","index","active","range","scale","interpolate","inputRange","outputRange","extrapolate","activeOpacity","onPress","accessibilityLabel","accessibilityState","selected","textLight","accessibilityElementsHidden","importantForAccessibility","absoluteFill","opacity","primaryText","undefined","displayName"],"sourceRoot":"../../../src","sources":["organisms/NavigationBar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAChE,SACEC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,gBAAgB,EAChBC,IAAI,QAIC,cAAc;AACrB,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,mBAAmB,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,qBAAqB;AACzF,SAASC,IAAI,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAyBrC,MAAMC,SAAS,GAAGZ,YAAY,CAAEa,KAAK,KAAM;EACzCC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,OAAO;IACrCC,WAAW,EAAEN,KAAK,CAACI,MAAM,CAACG,MAAM;IAChCC,iBAAiB,EAAER,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,EAAE;IAC1CC,eAAe,EAAEZ,KAAK,CAACS,MAAM,CAACC,OAAO,CAACG;EACxC,CAAC;EACDC,SAAS,EAAE;IAAEC,cAAc,EAAEhC,UAAU,CAACiC;EAAc,CAAC;EACvDC,MAAM,EAAE;IAAEC,iBAAiB,EAAEnC,UAAU,CAACiC;EAAc,CAAC;EACvDG,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAErB,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,EAAE;IAC5BW,MAAM,EAAEtB,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,EAAE;IAC/BY,IAAI,EAAEvB,KAAK,CAACS,MAAM,CAACC,OAAO,CAACG,EAAE;IAC7BW,YAAY,EAAExB,KAAK,CAACS,MAAM,CAACgB,MAAM,CAACC,EAAE;IACpCvB,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACuB;EAChC,CAAC;EACDC,IAAI,EAAE;IAAEC,IAAI,EAAE,CAAC;IAAEjB,eAAe,EAAEZ,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC;EAAG,CAAC;EAC3DmB,WAAW,EAAE;IAAEC,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE,QAAQ;IAAEC,GAAG,EAAE;EAAE,CAAC;EACvEC,KAAK,EAAE;IAAEC,QAAQ,EAAEnC,KAAK,CAACS,MAAM,CAAC0B,QAAQ,CAACxB,EAAE;IAAEyB,UAAU,EAAEpC,KAAK,CAACS,MAAM,CAAC2B,UAAU,CAACC;EAAO,CAAC;EACzFC,KAAK,EAAE;IACLlB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC,CAAC;IACPE,IAAI,EAAE,KAAK;IACXgB,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,EAAE;IACZC,MAAM,EAAE,EAAE;IACVjC,iBAAiB,EAAE,CAAC;IACpBgB,YAAY,EAAExB,KAAK,CAACS,MAAM,CAACgB,MAAM,CAACiB,IAAI;IACtCvC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACuC,KAAK;IACnCZ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDY,QAAQ,EAAE;IAAEJ,QAAQ,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEpB,GAAG,EAAE,CAAC,CAAC;IAAEb,iBAAiB,EAAE;EAAE,CAAC;EACrEqC,SAAS,EAAE;IACTV,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEpC,KAAK,CAACS,MAAM,CAAC2B,UAAU,CAACU,IAAI;IACxCC,KAAK,EAAE/C,KAAK,CAACI,MAAM,CAAC4C;EACtB;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,SAAS,GAAG,EAAE;;AAEpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGxE,IAAI,CAC/B,CAAC;EACCyE,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRjC,QAAQ,GAAG,QAAQ;EACnBkC,UAAU,GAAG,IAAI;EACjBC,QAAQ,GAAG,IAAI;EACfC,KAAK;EACLC;AACkB,CAAC,KAAK;EACxB,MAAMzD,KAAK,GAAGT,QAAQ,CAAC,CAAC;EACxB,MAAMa,MAAM,GAAGf,SAAS,CAAC,CAAC;EAC1B,MAAMqE,MAAM,GAAG3D,SAAS,CAAC,CAAC;EAC1B,MAAM4D,MAAM,GAAGrE,SAAS,CAAC,CAAC;EAC1B,MAAMsE,gBAAgB,GAAGxE,mBAAmB,CAAC,CAAC;EAE9C,MAAM,CAACyE,QAAQ,EAAEC,WAAW,CAAC,GAAGjF,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAMkF,KAAK,GAAGnF,MAAM,CAAC,IAAIE,QAAQ,CAACkF,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACnD,MAAMC,MAAM,GAAGtF,MAAM,CAAC,KAAK,CAAC;EAE5B,MAAMuF,WAAW,GAAGC,IAAI,CAACC,GAAG,CAC1B,CAAC,EACDlB,KAAK,CAACmB,SAAS,CAAE1C,IAAI,IAAKA,IAAI,CAAC2C,GAAG,KAAKnB,SAAS,CAClD,CAAC;EACD,MAAMoB,SAAS,GAAGrB,KAAK,CAACsB,MAAM,GAAG,CAAC,GAAGZ,QAAQ,GAAGV,KAAK,CAACsB,MAAM,GAAG,CAAC;EAEhE9F,SAAS,CAAC,MAAM;IACd,IAAI6F,SAAS,IAAI,CAAC,EAAE;IACpB,MAAME,EAAE,GAAGP,WAAW,GAAGK,SAAS;IAClC;IACA;IACA,IAAI,CAACN,MAAM,CAACD,OAAO,EAAE;MACnBC,MAAM,CAACD,OAAO,GAAG,IAAI;MACrBF,KAAK,CAACY,QAAQ,CAACD,EAAE,CAAC;MAClB;IACF;IACA5F,QAAQ,CAAC8F,MAAM,CAACb,KAAK,EAAE;MAAEc,OAAO,EAAEH,EAAE;MAAEI,eAAe,EAAE,IAAI;MAAEC,QAAQ,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAG,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EAClG,CAAC,EAAE,CAACd,WAAW,EAAEK,SAAS,EAAET,KAAK,CAAC,CAAC;EAEnC,MAAMmB,QAAQ,GAAIC,CAAoB,IAAK;IACzC,MAAMC,IAAI,GAAGD,CAAC,CAACE,WAAW,CAACC,MAAM,CAACC,KAAK,GAAGvF,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,EAAE,GAAG,CAAC;IACrE,IAAIyE,IAAI,KAAKvB,QAAQ,EAAEC,WAAW,CAACsB,IAAI,CAAC;EAC1C,CAAC;EAED,MAAMI,aAAa,GAAGA,CAAC5D,IAAuB,EAAEmB,KAAa,kBAC3DjD,KAAA,CAAAF,SAAA;IAAA6F,QAAA,GACG,CAAC,CAAC7D,IAAI,CAAC8D,QAAQ,iBAAIhG,IAAA,CAACF,IAAI;MAACmG,IAAI,EAAE/D,IAAI,CAAC8D,QAAS;MAACE,IAAI,EAAE3C,SAAU;MAACF,KAAK,EAAEA;IAAM,CAAE,CAAC,EAC/EO,UAAU,iBACT5D,IAAA,CAACV,IAAI;MAAC4E,gBAAgB,EAAEA,gBAAiB;MAACiC,aAAa,EAAE,CAAE;MAACrC,KAAK,EAAE,CAACE,MAAM,CAACxB,KAAK,EAAE;QAAEa;MAAM,CAAC,CAAE;MAAA0C,QAAA,EAC1F7D,IAAI,CAACM;IAAK,CACP,CACP;EAAA,CACD,CACH;EAED,oBACEpC,KAAA,CAACZ,IAAI;IACHuE,MAAM,EAAEA,MAAO;IACfyB,QAAQ,EAAEA,QAAS;IACnBY,iBAAiB,EAAC,SAAS;IAC3BtC,KAAK,EAAE,CACLE,MAAM,CAACzD,GAAG,EACVmB,QAAQ,KAAK,QAAQ,GAAGsC,MAAM,CAAC5C,SAAS,GAAG4C,MAAM,CAACzC,MAAM,EACxDsC,QAAQ,IAAInC,QAAQ,KAAK,QAAQ,IAAI;MAAE2E,aAAa,EAAE/F,KAAK,CAACS,MAAM,CAACC,OAAO,CAACG,EAAE,GAAG8C,MAAM,CAACrC;IAAO,CAAC,EAC/FiC,QAAQ,IAAInC,QAAQ,KAAK,KAAK,IAAI;MAAE4E,UAAU,EAAEhG,KAAK,CAACS,MAAM,CAACC,OAAO,CAACG,EAAE,GAAG8C,MAAM,CAACtC;IAAI,CAAC,EACtFmC,KAAK,CACL;IAAAiC,QAAA,GAEDjB,SAAS,GAAG,CAAC,iBACZ9E,IAAA,CAACZ,QAAQ,CAACI,IAAI;MACZuE,MAAM,EAAC,0BAA0B;MACjCwC,aAAa,EAAC,MAAM;MACpBzC,KAAK,EAAE,CACLE,MAAM,CAACvC,SAAS,EAChBoC,QAAQ,IAAInC,QAAQ,KAAK,QAAQ,IAAI;QAAEE,MAAM,EAAEtB,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,EAAE,GAAGgD,MAAM,CAACrC;MAAO,CAAC,EACxFiC,QAAQ,IAAInC,QAAQ,KAAK,KAAK,IAAI;QAAEC,GAAG,EAAErB,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,EAAE,GAAGgD,MAAM,CAACtC;MAAI,CAAC,EAC/E;QACEkE,KAAK,EAAEf,SAAS,GAAGxE,KAAK,CAACS,MAAM,CAACC,OAAO,CAACG,EAAE,GAAG,CAAC;QAC9CqF,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEpC;QAAM,CAAC;MACnC,CAAC;IACD,CACH,CACF,EAEAZ,KAAK,CAACiD,GAAG,CAAC,CAACxE,IAAI,EAAEyE,KAAK,KAAK;MAC1B,MAAMC,MAAM,GAAGD,KAAK,KAAKlC,WAAW;MACpC,MAAMoC,KAAK,GAAG,CAAC,CAACF,KAAK,GAAG,CAAC,IAAI7B,SAAS,EAAE6B,KAAK,GAAG7B,SAAS,EAAE,CAAC6B,KAAK,GAAG,CAAC,IAAI7B,SAAS,CAAC;MACnF,MAAMgC,KAAK,GACThC,SAAS,GAAG,CAAC,GACTT,KAAK,CAAC0C,WAAW,CAAC;QAAEC,UAAU,EAAEH,KAAK;QAAEI,WAAW,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QAAEC,WAAW,EAAE;MAAQ,CAAC,CAAC,GACzF,CAAC;MACP,MAAMC,aAAa,GACjBrC,SAAS,GAAG,CAAC,GACTT,KAAK,CAAC0C,WAAW,CAAC;QAAEC,UAAU,EAAEH,KAAK;QAAEI,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAAEC,WAAW,EAAE;MAAQ,CAAC,CAAC,GACtF,CAAC;MAEP,oBACElH,IAAA,CAACT,gBAAgB;QAEfuE,KAAK,EAAEE,MAAM,CAAC9B,IAAK;QACnBiF,aAAa,EAAE,GAAI;QACnBC,OAAO,EAAEA,CAAA,KAAMzD,QAAQ,CAACzB,IAAI,CAAC2C,GAAG,CAAE;QAClCuB,iBAAiB,EAAC,KAAK;QACvBiB,kBAAkB,EAAEnF,IAAI,CAACM,KAAM;QAC/B8E,kBAAkB,EAAE;UAAEC,QAAQ,EAAEX;QAAO,CAAE;QAAAb,QAAA,eAEzC3F,KAAA,CAAChB,QAAQ,CAACI,IAAI;UAACsE,KAAK,EAAE,CAACE,MAAM,CAAC5B,WAAW,EAAE;YAAEoE,SAAS,EAAE,CAAC;cAAEM;YAAM,CAAC;UAAE,CAAC,CAAE;UAAAf,QAAA,GACpED,aAAa,CAAC5D,IAAI,EAAExB,MAAM,CAAC8G,SAAS,CAAC,eAEtCxH,IAAA,CAACZ,QAAQ,CAACI,IAAI;YACZ+G,aAAa,EAAC,MAAM;YACpBkB,2BAA2B;YAC3BC,yBAAyB,EAAC,qBAAqB;YAC/C5D,KAAK,EAAE,CAACzE,UAAU,CAACsI,YAAY,EAAE3D,MAAM,CAAC5B,WAAW,EAAE;cAAEwF,OAAO,EAAET;YAAc,CAAC,CAAE;YAAApB,QAAA,EAEhFD,aAAa,CAAC5D,IAAI,EAAExB,MAAM,CAACmH,WAAW;UAAC,CAC3B,CAAC,EAEf3F,IAAI,CAACU,KAAK,KAAKkF,SAAS,iBACvB9H,IAAA,CAACR,IAAI;YAACsE,KAAK,EAAE,CAACE,MAAM,CAACpB,KAAK,EAAEV,IAAI,CAACU,KAAK,KAAK,IAAI,IAAIoB,MAAM,CAACd,QAAQ,CAAE;YAAA6C,QAAA,EACjE7D,IAAI,CAACU,KAAK,KAAK,IAAI,iBAClB5C,IAAA,CAACV,IAAI;cAAC4E,gBAAgB,EAAE,KAAM;cAACJ,KAAK,EAAEE,MAAM,CAACb,SAAU;cAAA4C,QAAA,EACpD7D,IAAI,CAACU;YAAK,CACP;UACP,CACG,CACP;QAAA,CACY;MAAC,GA7BXV,IAAI,CAAC2C,GA8BM,CAAC;IAEvB,CAAC,CAAC;EAAA,CACE,CAAC;AAEX,CACF,CAAC;AACDrB,aAAa,CAACuE,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/organisms/Screen.js

@@ -35,8 +35,15 @@ export const Screen = /*#__PURE__*/memo(({
   const styles = useStyles();
   const applyTop = edges.includes('top');
   const applyBottom = edges.includes('bottom');
-  const KeyboardWrapper = keyboardAvoiding ? KeyboardAvoidingView : View;
-  const keyboardProps = keyboardAvoiding ? {
+
+  // En iOS el ScrollView de abajo ya sube el campo enfocado con
+  // automaticallyAdjustKeyboardInsets; envolverlo además en un
+  // KeyboardAvoidingView compensa el teclado dos veces y el input termina
+  // empujado fuera del borde superior. Android no tiene ese prop, así que ahí
+  // el KeyboardAvoidingView sigue siendo el único mecanismo.
+  const avoidWithView = keyboardAvoiding && !(scrollable && Platform.OS === 'ios');
+  const KeyboardWrapper = avoidWithView ? KeyboardAvoidingView : View;
+  const keyboardProps = avoidWithView ? {
     behavior: Platform.OS === 'ios' ? 'padding' : 'height',
     keyboardVerticalOffset: Platform.OS === 'ios' ? 0 : 20
   } : {};

package/lib/module/organisms/Screen.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","KeyboardAvoidingView","Platform","ScrollView","View","createStyles","useInsets","jsx","_jsx","useStyles","theme","wrapper","flex","backgroundColor","colors","background","container","contentContainer","flexGrow","Screen","children","style","scrollable","contentContainerStyle","edges","keyboardAvoiding","insets","styles","applyTop","includes","applyBottom","KeyboardWrapper","keyboardProps","behavior","OS","keyboardVerticalOffset","contentInsetAdjustmentBehavior","automaticallyAdjustKeyboardInsets","paddingTop","top","paddingBottom","bottom","keyboardShouldPersistTaps","displayName"],"sourceRoot":"../../../src","sources":["organisms/Screen.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,oBAAoB,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/F,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAqBhD,MAAMC,SAAS,GAAGJ,YAAY,CAAEK,KAAK,KAAM;EACzCC,OAAO,EAAE;IAAEC,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC;EAAW,CAAC;EAC9DC,SAAS,EAAE;IAAEJ,IAAI,EAAE;EAAE,CAAC;EACtBK,gBAAgB,EAAE;IAAEC,QAAQ,EAAE;EAAE;AAClC,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGnB,IAAI,CAAC,CAAC;EAC1BoB,QAAQ;EACRC,KAAK;EACLC,UAAU,GAAG,IAAI;EACjBC,qBAAqB;EACrBC,KAAK,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC;EACzBC,gBAAgB,GAAG;AACR,CAAC,KAAK;EACjB,MAAMC,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAC1B,MAAMqB,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAMmB,QAAQ,GAAGJ,KAAK,CAACK,QAAQ,CAAC,KAAK,CAAC;EACtC,MAAMC,WAAW,GAAGN,KAAK,CAACK,QAAQ,CAAC,QAAQ,CAAC;EAE5C,MAAME,eAAyC,GAAGN,gBAAgB,GAAGxB,oBAAoB,GAAGG,IAAI;EAChG,MAAM4B,aAAa,GAAGP,gBAAgB,GAClC;IACEQ,QAAQ,EAAE/B,QAAQ,CAACgC,EAAE,KAAK,KAAK,GAAI,SAAS,GAAc,QAAkB;IAC5EC,sBAAsB,EAAEjC,QAAQ,CAACgC,EAAE,KAAK,KAAK,GAAG,CAAC,GAAG;EACtD,CAAC,GACD,CAAC,CAAC;EAEN,oBACE1B,IAAA,CAACJ,IAAI;IAACiB,KAAK,EAAE,CAACM,MAAM,CAAChB,OAAO,EAAEU,KAAK,CAAE;IAAAD,QAAA,eACnCZ,IAAA,CAACuB,eAAe;MAACV,KAAK,EAAEM,MAAM,CAACX,SAAU;MAAA,GAAKgB,aAAa;MAAAZ,QAAA,EACxDE,UAAU,gBACTd,IAAA,CAACL,UAAU;QACTkB,KAAK,EAAEM,MAAM,CAACX,SAAU;QACxBoB,8BAA8B,EAAC,WAAW;QAC1CC,iCAAiC;QACjCd,qBAAqB,EAAE,CACrBI,MAAM,CAACV,gBAAgB,EACvB;UAAEqB,UAAU,EAAEV,QAAQ,GAAGF,MAAM,CAACa,GAAG,GAAG;QAAE,CAAC,EACzCrC,QAAQ,CAACgC,EAAE,KAAK,SAAS,IAAIJ,WAAW,IAAI;UAAEU,aAAa,EAAEd,MAAM,CAACe;QAAO,CAAC,EAC5ElB,qBAAqB,CACrB;QACFmB,yBAAyB,EAAC,SAAS;QAAAtB,QAAA,EAElCA;MAAQ,CACC,CAAC,gBAEbZ,IAAA,CAACJ,IAAI;QAACiB,KAAK,EAAE,CAACM,MAAM,CAACX,SAAS,EAAE;UAAEsB,UAAU,EAAEV,QAAQ,GAAGF,MAAM,CAACa,GAAG,GAAG,CAAC;UAAEC,aAAa,EAAEV,WAAW,GAAGJ,MAAM,CAACe,MAAM,GAAG;QAAE,CAAC,CAAE;QAAArB,QAAA,EACxHA;MAAQ,CACL;IACP,CACc;EAAC,CACd,CAAC;AAEX,CAAC,CAAC;AACFD,MAAM,CAACwB,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","memo","KeyboardAvoidingView","Platform","ScrollView","View","createStyles","useInsets","jsx","_jsx","useStyles","theme","wrapper","flex","backgroundColor","colors","background","container","contentContainer","flexGrow","Screen","children","style","scrollable","contentContainerStyle","edges","keyboardAvoiding","insets","styles","applyTop","includes","applyBottom","avoidWithView","OS","KeyboardWrapper","keyboardProps","behavior","keyboardVerticalOffset","contentInsetAdjustmentBehavior","automaticallyAdjustKeyboardInsets","paddingTop","top","paddingBottom","bottom","keyboardShouldPersistTaps","displayName"],"sourceRoot":"../../../src","sources":["organisms/Screen.tsx"],"mappings":"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","ignoreList":[]}