orn-ui 0.2.9 → 0.3.0

package/lib/commonjs/atoms/Image.js

@@ -7,12 +7,24 @@ exports.prefetchImage = exports.Image = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _createStyles = require("../theme/createStyles");
+var _UIProvider = require("../theme/UIProvider");
+var _Icon = require("../icons/Icon");
 var _Spinner = require("./Spinner");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * The event RN's Image passes to `onError`. Taken from its own prop type:
+ * react-native 0.88 (Expo SDK 58) renamed the exported name
+ * (`ImageErrorEventData` -> `ImageErrorEvent`).
+ */
+
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   container: {
-    overflow: 'hidden',
+    overflow: 'hidden'
+  },
+  // Only while loading or on failure: once the image has loaded, a PNG with
+  // transparency (a logo) let this gray show through.
+  placeholder: {
     backgroundColor: theme.colors.skeleton
   },
   overlay: {
@@ -21,7 +33,9 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   },
   fallback: {
     flex: 1,
-    backgroundColor: theme.colors.skeleton
+    backgroundColor: theme.colors.skeleton,
+    alignItems: 'center',
+    justifyContent: 'center'
   }
 }));
 function sourceUri(source) {
@@ -30,14 +44,22 @@ function sourceUri(source) {
 
 /**
  * Image
- * Wrapper cero-dependencias sobre <Image> de RN: agrega estado de carga y
- * error (con los mismos placeholders que el resto de la librería), y expone
- * `priority="high"` para adelantar la descarga vía Image.prefetch(). El
- * cache real (disco/memoria) lo maneja el motor de imágenes nativo de RN —
- * esto no lo reimplementa, solo no lo deja apagado por accidente: en iOS
- * fuerza `cache="force-cache"` (usa el disco aunque el header HTTP no lo
- * pida); en Android el cache de disco de la imagen nativa ya está siempre
- * activo, no hay knob equivalente que tocar.
+ * Zero-dependency wrapper over RN's <Image>: adds loading and error state
+ * (with the same placeholders as the rest of the library), and exposes
+ * `priority="high"` to start the download early via Image.prefetch(). The
+ * actual cache (disk/memory) is handled by RN's native image engine — this
+ * doesn't reimplement it, it just keeps it from being accidentally turned off:
+ * on iOS it forces `cache="force-cache"` (uses the disk even when the HTTP
+ * header doesn't ask for it); on Android the native image's disk cache is
+ * always on, there is no equivalent knob to touch.
+ *
+ * Gestalt, closure: the container takes its final size from the first frame
+ * (`skeleton` background), so the layout doesn't jump when the image arrives
+ * and the eye completes the shape it will fill. If loading fails, the same
+ * slot shows a warning icon: the state is visible, not a silent gray.
+ *
+ * Success is detected with `onLoad`, not `onLoadEnd`: RN also calls
+ * `onLoadEnd` on failure, and using it for "loaded" overwrote the error.
  */
 const Image = exports.Image = /*#__PURE__*/(0, _react.memo)(({
   source,
@@ -51,14 +73,17 @@ const Image = exports.Image = /*#__PURE__*/(0, _react.memo)(({
   style,
   onLoadEnd,
   onError,
-  testID
+  testID,
+  accessibilityLabel
 }) => {
   const styles = useStyles();
+  const colors = (0, _UIProvider.useColors)();
+  const theme = (0, _UIProvider.useTheme)();
   const [status, setStatus] = (0, _react.useState)('loading');
   const uri = sourceUri(source);
   (0, _react.useEffect)(() => {
-    // Resetea el estado si cambia la imagen (misma instancia de Image,
-    // source distinto: p.ej. avatar de un usuario a otro en la misma fila).
+    // Resets the state if the image changes (same Image instance, different
+    // source: e.g. one user's avatar to another's in the same row).
     setStatus('loading');
   }, [uri ?? source]);
   (0, _react.useEffect)(() => {
@@ -70,26 +95,29 @@ const Image = exports.Image = /*#__PURE__*/(0, _react.memo)(({
     setStatus('error');
     onError?.(e);
   }, [onError]);
-  const handleLoadEnd = (0, _react.useCallback)(() => {
+  const handleLoad = (0, _react.useCallback)(() => {
     setStatus('loaded');
-    onLoadEnd?.();
-  }, [onLoadEnd]);
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, {
+    style: [styles.container, status !== 'loaded' && styles.placeholder, {
       width,
       height,
       borderRadius: radius
     }, style],
     testID: testID,
+    accessible: !!accessibilityLabel,
+    accessibilityRole: accessibilityLabel ? 'image' : undefined,
+    accessibilityLabel: accessibilityLabel,
     children: [status !== 'error' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
       source: source,
       resizeMode: resizeMode,
       style: _reactNative.StyleSheet.absoluteFill,
-      fadeDuration: _reactNative.Platform.OS === 'android' ? 150 : undefined,
+      fadeDuration: _reactNative.Platform.OS === 'android' ? theme.tokens.duration.fast : undefined,
       ...(_reactNative.Platform.OS === 'ios' ? {
         cache: 'force-cache'
       } : null),
-      onLoadEnd: handleLoadEnd,
+      onLoad: handleLoad,
+      onLoadEnd: onLoadEnd,
       onError: handleError
     }), status === 'loading' && loading !== false && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [_reactNative.StyleSheet.absoluteFill, styles.overlay],
@@ -97,17 +125,25 @@ const Image = exports.Image = /*#__PURE__*/(0, _react.memo)(({
         size: "small",
         fullscreen: false
       }) : loading
-    }), status === 'error' && (fallback ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.fallback
-    }))]
+    }), status === 'error' &&
+    /*#__PURE__*/
+    // Custom fallback or the default: always centered in the slot.
+    (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.fallback,
+      children: fallback ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: "warning",
+        size: Math.max(16, Math.min(32, Math.round(Math.min(width ?? 64, height ?? 64) * 0.3))),
+        color: colors.textLight
+      })
+    })]
   });
 });
 Image.displayName = 'Image';
 
 /**
- * Precarga una URL antes de montar el componente (p.ej. al recibir la
- * respuesta de un listado, antes de navegar al detalle). Re-exporta
- * Image.prefetch de RN — no hay nada zero-dep que agregarle encima.
+ * Preloads a URL before mounting the component (e.g. on receiving a list
+ * response, before navigating to the detail). Re-exports RN's
+ * Image.prefetch — there is nothing zero-dep to add on top.
  */
 const prefetchImage = exports.prefetchImage = _reactNative.Image.prefetch;
 //# sourceMappingURL=Image.js.map

package/lib/commonjs/atoms/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_Spinner","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","overflow","backgroundColor","colors","skeleton","overlay","alignItems","justifyContent","fallback","flex","sourceUri","source","uri","undefined","Image","exports","memo","width","height","resizeMode","radius","loading","priority","style","onLoadEnd","onError","testID","styles","status","setStatus","useState","useEffect","RNImage","prefetch","catch","handleError","useCallback","handleLoadEnd","jsxs","View","borderRadius","children","jsx","StyleSheet","absoluteFill","fadeDuration","Platform","OS","cache","Spinner","size","fullscreen","displayName","prefetchImage"],"sourceRoot":"../../../src","sources":["atoms/Image.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_Spinner","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","overflow","placeholder","backgroundColor","colors","skeleton","overlay","alignItems","justifyContent","fallback","flex","sourceUri","source","uri","undefined","Image","exports","memo","width","height","resizeMode","radius","loading","priority","style","onLoadEnd","onError","testID","accessibilityLabel","styles","useColors","useTheme","status","setStatus","useState","useEffect","RNImage","prefetch","catch","handleError","useCallback","handleLoad","jsxs","View","borderRadius","accessible","accessibilityRole","children","jsx","StyleSheet","absoluteFill","fadeDuration","Platform","OS","tokens","duration","fast","cache","onLoad","Spinner","size","fullscreen","Icon","name","Math","max","min","round","color","textLight","displayName","prefetchImage"],"sourceRoot":"../../../src","sources":["atoms/Image.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/atoms/Input.js

@@ -9,8 +9,12 @@ var _reactNative = require("react-native");
 var _createStyles = require("../theme/createStyles");
 var _UIProvider = require("../theme/UIProvider");
 var _Icon = require("../icons/Icon");
+var _useKeyboardField = require("../theme/useKeyboardField");
+var _inputValidation = require("./inputValidation");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** The TextInput instance, plus `validate()` to check the field on demand (e.g. on submit). */
+
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   container: {
     marginBottom: theme.tokens.spacing.lg,
@@ -44,9 +48,15 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     marginLeft: theme.tokens.spacing.lg,
     marginRight: -theme.tokens.spacing.xs
   },
+  // 20 icon + md padding (12) per side = 44pt touch area (Fitts).
   rightIcon: {
-    padding: theme.tokens.spacing.sm + 2,
-    marginRight: theme.tokens.spacing.xs
+    padding: theme.tokens.spacing.md,
+    marginRight: theme.tokens.spacing.xxs
+  },
+  // Read-only: no fill, so it doesn't look like a field you can tap
+  // (affordance), but the text keeps its contrast to stay readable.
+  readOnly: {
+    backgroundColor: 'transparent'
   },
   errorText: {
     marginTop: theme.tokens.spacing.xs,
@@ -57,18 +67,46 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
 
 /**
  * Input
- * El borde anima color entre border/primary/error con Animated (no
- * useNativeDriver: los navegadores de color en RN sin Fabric solo son
- * confiables en el hilo de JS; el costo es despreciable, se anima un borde).
+ * The border animates its color between border/primary/error with Animated
+ * (no useNativeDriver: color drivers in RN without Fabric are only reliable
+ * on the JS thread; the cost is negligible, it animates one border).
+ *
+ * Gestalt:
+ * - Proximity: label (`spacing.sm` above) and error (`spacing.xs` below) sit
+ *   right next to the field and the next field is `spacing.lg` away: each
+ *   label and its error read with their field, not with the neighbor.
+ * - Common region: left icon, text and right action share the same border
+ *   and background, so they read as a single control.
+ * - Focal point: the border turns `primary` on focus and `error` on error;
+ *   the error is also written out (not just color).
+ *
+ * Accessibility: the accessible name includes "required" when applicable, the
+ * error is announced as a hint, and the eye and right-action buttons have a
+ * 44pt touch area and texts from `labels` (translatable).
+ *
+ * Keyboard: on focus it registers with the root UIProvider's host, which
+ * lifts the app just enough for the whole field (label, field and error) to
+ * sit above the keyboard — without depending on Screen or a ScrollView. What
+ * you type is always visible.
+ *
+ * Validation: `required` and `rules` run when leaving the field (`validateOn`),
+ * the error appears in writing, is announced to the screen reader and, once
+ * visible, is revalidated on every change so it disappears as soon as it is
+ * fixed. An `error` passed by hand overrides the internal validation.
  */
-const Input = exports.Input = /*#__PURE__*/(0, _react.memo)(({
+const Input = exports.Input = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(({
   label,
   required = false,
-  error,
+  error: errorProp,
+  rules,
+  validateOn = 'blur',
+  onValidate,
+  onChangeText,
   containerStyle,
   leftIconName,
   rightIconName,
   onRightIconPress,
+  rightIconAccessibilityLabel,
   isPassword = false,
   isLoading = false,
   style,
@@ -76,39 +114,82 @@ const Input = exports.Input = /*#__PURE__*/(0, _react.memo)(({
   onBlur,
   testID,
   ...props
-}) => {
+}, ref) => {
   const colors = (0, _UIProvider.useColors)();
   const styles = useStyles();
   const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
+  const labels = (0, _UIProvider.useLabels)();
+  const theme = (0, _UIProvider.useTheme)();
+  const readOnly = props.editable === false;
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
   const [showPassword, setShowPassword] = (0, _react.useState)(false);
   const focusProgress = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const inputRef = (0, _react.useRef)(null);
+  const containerRef = (0, _react.useRef)(null);
+  const [internalError, setInternalError] = (0, _react.useState)(undefined);
+  // Last known value: the controlled one (`value`) or what was typed (uncontrolled).
+  const valueRef = (0, _react.useRef)(props.value ?? props.defaultValue ?? '');
+  if (props.value !== undefined) valueRef.current = props.value;
+  const error = errorProp ?? internalError;
+  const runValidation = () => {
+    const next = (0, _inputValidation.validateInputValue)(valueRef.current, {
+      required,
+      rules
+    }, labels);
+    setInternalError(next);
+    onValidate?.(next);
+    return next;
+  };
+  (0, _react.useImperativeHandle)(ref, () => Object.assign(inputRef.current, {
+    validate: runValidation
+  }));
+
+  // The new error is announced right away, not only as a hint when returning to the field.
+  (0, _react.useEffect)(() => {
+    if (internalError && errorProp === undefined) _reactNative.AccessibilityInfo.announceForAccessibility(internalError);
+  }, [internalError, errorProp]);
+  const keyboard = (0, _useKeyboardField.useKeyboardField)(containerRef);
+
+  // If the error appears or changes while the field is focused, the block grows:
+  // a readjustment is requested so the error line isn't covered either.
+  (0, _react.useEffect)(() => {
+    if (isFocused) keyboard.focus();
+  }, [error, isFocused, keyboard]);
   const handleFocus = e => {
     setIsFocused(true);
+    keyboard.focus();
     _reactNative.Animated.timing(focusProgress, {
       toValue: 1,
-      duration: 200,
+      duration: theme.tokens.duration.base,
       useNativeDriver: false
     }).start();
     onFocus?.(e);
   };
   const handleBlur = e => {
     setIsFocused(false);
+    keyboard.blur();
+    if (validateOn === 'blur') runValidation();
     _reactNative.Animated.timing(focusProgress, {
       toValue: 0,
-      duration: 200,
+      duration: theme.tokens.duration.base,
       useNativeDriver: false
     }).start();
     onBlur?.(e);
   };
+  const handleChangeText = text => {
+    valueRef.current = text;
+    onChangeText?.(text);
+    if (validateOn === 'change' || internalError) runValidation();
+  };
   const borderColor = error ? colors.error : focusProgress.interpolate({
     outputRange: [colors.border, colors.primary],
     inputRange: [0, 1]
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ref: containerRef,
     style: [styles.container, containerStyle],
     testID: testID,
-    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+    children: [!!label && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
       allowFontScaling: allowFontScaling,
       style: styles.label,
       children: [label, required && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -116,7 +197,7 @@ const Input = exports.Input = /*#__PURE__*/(0, _react.memo)(({
         children: " *"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-      style: [styles.inputWrapper, {
+      style: [styles.inputWrapper, readOnly && styles.readOnly, {
         borderColor
       }],
       children: [leftIconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
@@ -125,6 +206,7 @@ const Input = exports.Input = /*#__PURE__*/(0, _react.memo)(({
         color: colors.textLight,
         style: styles.leftIcon
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        ref: inputRef,
         style: [styles.input, style],
         placeholderTextColor: colors.textLight,
         onFocus: handleFocus,
@@ -132,8 +214,14 @@ const Input = exports.Input = /*#__PURE__*/(0, _react.memo)(({
         secureTextEntry: isPassword && !showPassword,
         allowFontScaling: allowFontScaling,
         textAlignVertical: "center",
-        accessibilityLabel: label ?? props.placeholder,
-        ...props
+        accessibilityLabel: label || props.placeholder ? `${label ?? props.placeholder}${required ? `, ${labels.required}` : ''}` : undefined,
+        accessibilityHint: error || undefined,
+        accessibilityState: {
+          disabled: readOnly,
+          busy: isLoading
+        },
+        ...props,
+        onChangeText: handleChangeText
       }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.rightIcon,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
@@ -144,7 +232,7 @@ const Input = exports.Input = /*#__PURE__*/(0, _react.memo)(({
         onPress: () => setShowPassword(v => !v),
         style: styles.rightIcon,
         accessibilityRole: "button",
-        accessibilityLabel: showPassword ? 'Hide password' : 'Show password',
+        accessibilityLabel: showPassword ? labels.hidePassword : labels.showPassword,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           name: showPassword ? 'eye-off' : 'eye',
           size: 20,
@@ -155,7 +243,7 @@ const Input = exports.Input = /*#__PURE__*/(0, _react.memo)(({
         style: styles.rightIcon,
         disabled: !onRightIconPress,
         accessibilityRole: "button",
-        accessibilityLabel: "Clear",
+        accessibilityLabel: rightIconAccessibilityLabel ?? labels.clear,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           name: rightIconName,
           size: 20,
@@ -168,6 +256,6 @@ const Input = exports.Input = /*#__PURE__*/(0, _react.memo)(({
       children: error
     })]
   });
-});
+}));
 Input.displayName = 'Input';
 //# sourceMappingURL=Input.js.map

package/lib/commonjs/atoms/Input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","marginBottom","tokens","spacing","lg","width","label","sm","fontSize","md","fontWeight","medium","color","colors","text","required","errorText","inputWrapper","flexDirection","alignItems","backgroundColor","inputBackground","borderRadius","radius","borderWidth","minHeight","input","flex","paddingVertical","paddingHorizontal","leftIcon","marginLeft","marginRight","xs","rightIcon","padding","marginTop","Input","exports","memo","error","containerStyle","leftIconName","rightIconName","onRightIconPress","isPassword","isLoading","style","onFocus","onBlur","testID","props","useColors","styles","allowFontScaling","useAllowFontScaling","isFocused","setIsFocused","useState","showPassword","setShowPassword","focusProgress","useRef","Animated","Value","current","handleFocus","timing","toValue","duration","useNativeDriver","start","handleBlur","borderColor","interpolate","outputRange","border","primary","inputRange","jsxs","View","children","Text","jsx","Icon","name","size","textLight","TextInput","placeholderTextColor","secureTextEntry","textAlignVertical","accessibilityLabel","placeholder","ActivityIndicator","TouchableOpacity","onPress","v","accessibilityRole","disabled","displayName"],"sourceRoot":"../../../src","sources":["atoms/Input.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_useKeyboardField","_inputValidation","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","marginBottom","tokens","spacing","lg","width","label","sm","fontSize","md","fontWeight","medium","color","colors","text","required","errorText","inputWrapper","flexDirection","alignItems","backgroundColor","inputBackground","borderRadius","radius","borderWidth","minHeight","input","flex","paddingVertical","paddingHorizontal","leftIcon","marginLeft","marginRight","xs","rightIcon","padding","xxs","readOnly","marginTop","Input","exports","memo","forwardRef","error","errorProp","rules","validateOn","onValidate","onChangeText","containerStyle","leftIconName","rightIconName","onRightIconPress","rightIconAccessibilityLabel","isPassword","isLoading","style","onFocus","onBlur","testID","props","ref","useColors","styles","allowFontScaling","useAllowFontScaling","labels","useLabels","useTheme","editable","isFocused","setIsFocused","useState","showPassword","setShowPassword","focusProgress","useRef","Animated","Value","current","inputRef","containerRef","internalError","setInternalError","undefined","valueRef","value","defaultValue","runValidation","next","validateInputValue","useImperativeHandle","assign","validate","useEffect","AccessibilityInfo","announceForAccessibility","keyboard","useKeyboardField","focus","handleFocus","timing","toValue","duration","base","useNativeDriver","start","handleBlur","blur","handleChangeText","borderColor","interpolate","outputRange","border","primary","inputRange","jsxs","View","children","Text","jsx","Icon","name","size","textLight","TextInput","placeholderTextColor","secureTextEntry","textAlignVertical","accessibilityLabel","placeholder","accessibilityHint","accessibilityState","disabled","busy","ActivityIndicator","TouchableOpacity","onPress","v","accessibilityRole","hidePassword","clear","displayName"],"sourceRoot":"../../../src","sources":["atoms/Input.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/atoms/KeyValueRow.js

@@ -14,42 +14,70 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   row: {
     flexDirection: 'row',
     justifyContent: 'space-between',
-    alignItems: 'center'
+    alignItems: 'center',
+    gap: theme.tokens.spacing.md
   },
+  // Two texts: aligned on the first line, so a value that wraps onto
+  // several lines still reads next to its label.
+  rowText: {
+    alignItems: 'baseline'
+  },
+  // The label keeps its natural width up to half the row; the value
+  // shrinks and wraps instead of pushing the row off the screen.
   label: {
+    flexShrink: 0,
+    maxWidth: '50%',
     fontSize: theme.tokens.fontSize.sm,
+    lineHeight: theme.tokens.lineHeight.sm,
     fontWeight: theme.tokens.fontWeight.semibold,
     color: theme.colors.textLight
   },
   value: {
+    flexShrink: 1,
     fontSize: theme.tokens.fontSize.sm,
+    lineHeight: theme.tokens.lineHeight.sm,
     textAlign: 'right',
-    color: theme.colors.text
+    color: theme.colors.text,
+    // Fixed-width digits: in a column of amounts the figures line up
+    // across rows.
+    fontVariant: ['tabular-nums']
   }
 }));
+const isPrimitive = node => typeof node === 'string' || typeof node === 'number';
 
 /**
  * KeyValueRow
- * Fila label (izquierda) / value (derecha). Si label/value son string o
- * number, se renderizan con el estilo default; si ya vienen envueltos en un
- * componente de texto propio, se respetan tal cual.
+ * Label (left) / value (right) row. If label/value are a string or number,
+ * they render with the default style; if they already come wrapped in a
+ * custom component, they are kept as is.
+ *
+ * Gestalt, alignment and similarity: labels share color and weight and values
+ * align to the right edge with tabular digits, so a stack of rows reads as
+ * two columns — what on the left, how much on the right.
+ * With a text label and value, the row is a single accessibility node
+ * ("Subtotal, $300.00"); if either is a custom node (a Badge, a button) it
+ * isn't merged, so as not to hide what that node announces or lets you tap.
  */
 const KeyValueRow = exports.KeyValueRow = /*#__PURE__*/(0, _react.memo)(({
   label,
   value,
   style,
   labelStyle,
-  valueStyle
+  valueStyle,
+  testID
 }) => {
   const styles = useStyles();
   const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
+  const merge = isPrimitive(label) && isPrimitive(value);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.row, style],
-    children: [typeof label === 'string' || typeof label === 'number' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [styles.row, merge && styles.rowText, style],
+    accessible: merge || undefined,
+    testID: testID,
+    children: [isPrimitive(label) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       allowFontScaling: allowFontScaling,
       style: [styles.label, labelStyle],
       children: label
-    }) : label, typeof value === 'string' || typeof value === 'number' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    }) : label, isPrimitive(value) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       allowFontScaling: allowFontScaling,
       style: [styles.value, valueStyle],
       children: value

package/lib/commonjs/atoms/KeyValueRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","row","flexDirection","justifyContent","alignItems","label","fontSize","tokens","sm","fontWeight","semibold","color","colors","textLight","value","textAlign","text","KeyValueRow","exports","memo","style","labelStyle","valueStyle","styles","allowFontScaling","useAllowFontScaling","jsxs","View","children","jsx","Text","displayName"],"sourceRoot":"../../../src","sources":["atoms/KeyValueRow.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","row","flexDirection","justifyContent","alignItems","gap","tokens","spacing","md","rowText","label","flexShrink","maxWidth","fontSize","sm","lineHeight","fontWeight","semibold","color","colors","textLight","value","textAlign","text","fontVariant","isPrimitive","node","KeyValueRow","exports","memo","style","labelStyle","valueStyle","testID","styles","allowFontScaling","useAllowFontScaling","merge","jsxs","View","accessible","undefined","children","jsx","Text","displayName"],"sourceRoot":"../../../src","sources":["atoms/KeyValueRow.tsx"],"mappings":"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","ignoreList":[]}