orn-ui 0.2.10 → 0.3.0

package/lib/module/organisms/ReorderableList.js

@@ -3,8 +3,9 @@
 import React, { useRef, useState } from 'react';
 import { Animated, PanResponder, View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
+import { useLabels } from '../theme/UIProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
-/** Reordena moviendo el ítem de `from` a `to`, sin mutar `data`. Exportada aparte por ser testeable sin simular gestos. */
+/** Reorders by moving the item from `from` to `to`, without mutating `data`. Exported separately so it can be tested without simulating gestures. */
 export function move(data, from, to) {
   const next = data.slice();
   const [item] = next.splice(from, 1);
@@ -19,18 +20,23 @@ const useStyles = createStyles(() => ({
 
 /**
  * ReorderableList
- * Ley de destino común (common fate): al arrastrar una fila, las filas que
- * tiene que atravesar se desplazan juntas en el mismo sentido — eso es lo
- * que comunica "van a intercambiar lugar" antes de soltar el dedo, no un
- * simple resaltado del ítem activo.
+ * Law of common fate: when dragging a row, the rows it has to cross shift
+ * together in the same direction — that is what communicates "they are
+ * going to swap places" before the finger lifts, not a simple highlight of
+ * the active item.
  *
- * Sin dependencias de gestos/animación externas (reanimated, gesture-handler):
- * PanResponder + Animated alcanzan porque el cálculo de índice destino
- * necesita el valor de arrastre en JS en cada movimiento (no algo que
- * useNativeDriver pueda resolver solo).
+ * No external gesture/animation dependencies (reanimated, gesture-handler):
+ * PanResponder + Animated are enough because computing the target index
+ * needs the drag value in JS on every move (not something useNativeDriver
+ * can resolve on its own).
  *
- * Dentro de un scroll vertical hay que cablear `onDragStart`/`onDragEnd` a
- * `scrollEnabled`, o en iOS el arrastre no llega a empezar:
+ * Inside a vertical scroll you have to wire `onDragStart`/`onDragEnd` to
+ * `scrollEnabled`, or on iOS the drag never gets to start:
+ *
+ * Screen readers can't drag: each row is one accessible element with two
+ * actions, "Move up" and "Move down" (`labels.moveUp` / `labels.moveDown`),
+ * that call `onReorder` the same way a drop does. The row's content is read
+ * as its label, so keep interactive controls out of reorderable rows.
  *
  * ```tsx
  * const [dragging, setDragging] = useState(false);
@@ -51,24 +57,25 @@ export function ReorderableList({
   style
 }) {
   const styles = useStyles();
+  const labels = useLabels();
   const [activeIndex, setActiveIndex] = useState(null);
   const [targetIndex, setTargetIndex] = useState(null);
   const dy = useRef(new Animated.Value(0)).current;
   const activeIndexRef = useRef(null);
-  // El PanResponder de cada fila se crea una sola vez (se cachea en el Map de
-  // abajo) y su closure queda fijo al render de esa primera vez: leer
-  // `targetIndex` (state) directamente ahí siempre daría el valor del
-  // montaje. Un ref sí refleja la última escritura sin importar cuándo se
-  // creó la closure que lo lee.
+  // Each row's PanResponder is created only once (cached in the Map below)
+  // and its closure stays fixed to that first render: reading `targetIndex`
+  // (state) directly there would always give the value from mount. A ref
+  // does reflect the latest write no matter when the closure reading it was
+  // created.
   const targetIndexRef = useRef(null);
   const dataRef = useRef(data);
   dataRef.current = data;
-  // Igual razón que targetIndexRef: el responder de cada fila se crea una
-  // sola vez, así que leer `disabled` directo del closure congelaría el
-  // valor del momento en que esa fila se creó.
+  // Same reason as targetIndexRef: each row's responder is created only
+  // once, so reading `disabled` straight from the closure would freeze the
+  // value from when that row was created.
   const disabledRef = useRef(disabled);
   disabledRef.current = disabled;
-  // Misma razón: los callbacks se leen desde closures creadas una sola vez.
+  // Same reason: the callbacks are read from closures created only once.
   const onReorderRef = useRef(onReorder);
   onReorderRef.current = onReorder;
   const onDragStartRef = useRef(onDragStart);
@@ -76,8 +83,8 @@ export function ReorderableList({
   const onDragEndRef = useRef(onDragEnd);
   onDragEndRef.current = onDragEnd;
   const panResponders = useRef(new Map()).current;
-  // Si `data` se achica, los responders de índices que ya no existen quedan
-  // colgados en el Map para siempre: se podan en cada render.
+  // If `data` shrinks, the responders for indexes that no longer exist stay
+  // stuck in the Map forever: they are pruned on every render.
   for (const index of panResponders.keys()) {
     if (index >= data.length) panResponders.delete(index);
   }
@@ -95,9 +102,9 @@ export function ReorderableList({
     responder = PanResponder.create({
       onStartShouldSetPanResponder: () => !disabledRef.current,
       onMoveShouldSetPanResponder: (_, gesture) => !disabledRef.current && Math.abs(gesture.dy) > 2,
-      // Un scroll padre pide el responder apenas su gesto vertical arranca —
-      // el mismo eje que el arrastre. Cederlo cancelaría el drag a mitad de
-      // camino, así que la fila se lo queda hasta soltar.
+      // A parent scroll requests the responder as soon as its vertical gesture
+      // starts — the same axis as the drag. Yielding it would cancel the drag
+      // midway, so the row keeps it until release.
       onPanResponderTerminationRequest: () => false,
       onPanResponderGrant: () => {
         activeIndexRef.current = index;
@@ -132,8 +139,8 @@ export function ReorderableList({
     style: style,
     children: data.map((item, index) => {
       const isActive = activeIndex === index;
-      // Filas entre el origen y el destino se corren un lugar entero en el
-      // sentido del arrastre: es el efecto de "grupo que se mueve junto".
+      // Rows between the origin and the target shift one full place in the
+      // drag direction: it is the "group moving together" effect.
       let shift = 0;
       if (activeIndex !== null && targetIndex !== null && !isActive) {
         if (activeIndex < targetIndex && index > activeIndex && index <= targetIndex) shift = -itemHeight;else if (activeIndex > targetIndex && index < activeIndex && index >= targetIndex) shift = itemHeight;
@@ -151,6 +158,20 @@ export function ReorderableList({
           }]
         }],
         ...panResponderFor(index).panHandlers,
+        accessible: true,
+        accessibilityActions: [...(index > 0 ? [{
+          name: 'moveUp',
+          label: labels.moveUp
+        }] : []), ...(index < data.length - 1 ? [{
+          name: 'moveDown',
+          label: labels.moveDown
+        }] : [])],
+        onAccessibilityAction: event => {
+          if (disabled) return;
+          const to = event.nativeEvent.actionName === 'moveUp' ? index - 1 : index + 1;
+          if (to < 0 || to >= data.length) return;
+          onReorder(move(data, index, to));
+        },
         children: renderItem(item, index, isActive)
       }, keyExtractor(item, index));
     })

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","Animated","PanResponder","View","createStyles","jsx","_jsx","move","data","from","to","next","slice","item","splice","useStyles","row","width","ReorderableList","keyExtractor","itemHeight","renderItem","onReorder","onDragStart","onDragEnd","disabled","style","styles","activeIndex","setActiveIndex","targetIndex","setTargetIndex","dy","Value","current","activeIndexRef","targetIndexRef","dataRef","disabledRef","onReorderRef","onDragStartRef","onDragEndRef","panResponders","Map","index","keys","length","delete","panResponderFor","responder","get","endDrag","setValue","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gesture","Math","abs","onPanResponderTerminationRequest","onPanResponderGrant","onPanResponderMove","rawTarget","round","clamped","max","min","prev","onPanResponderRelease","onPanResponderTerminate","set","children","map","isActive","shift","transform","translateY","zIndex","elevation","panHandlers"],"sourceRoot":"../../../src","sources":["organisms/ReorderableList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","useState","Animated","PanResponder","View","createStyles","useLabels","jsx","_jsx","move","data","from","to","next","slice","item","splice","useStyles","row","width","ReorderableList","keyExtractor","itemHeight","renderItem","onReorder","onDragStart","onDragEnd","disabled","style","styles","labels","activeIndex","setActiveIndex","targetIndex","setTargetIndex","dy","Value","current","activeIndexRef","targetIndexRef","dataRef","disabledRef","onReorderRef","onDragStartRef","onDragEndRef","panResponders","Map","index","keys","length","delete","panResponderFor","responder","get","endDrag","setValue","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gesture","Math","abs","onPanResponderTerminationRequest","onPanResponderGrant","onPanResponderMove","rawTarget","round","clamped","max","min","prev","onPanResponderRelease","onPanResponderTerminate","set","children","map","isActive","shift","transform","translateY","zIndex","elevation","panHandlers","accessible","accessibilityActions","name","label","moveUp","moveDown","onAccessibilityAction","event","nativeEvent","actionName"],"sourceRoot":"../../../src","sources":["organisms/ReorderableList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/Screen.js

@@ -3,8 +3,9 @@
 import React, { memo } from 'react';
 import { KeyboardAvoidingView, Platform, ScrollView, View } from 'react-native';
 import { createStyles } from '../theme/createStyles';
-import { useInsets } from '../theme/UIProvider';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { useInsets, useTheme } from '../theme/UIProvider';
+import { KeyboardHandled, KeyboardPanArea, useKeyboardHost } from '../theme/KeyboardAvoidance';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyles = createStyles(theme => ({
   wrapper: {
     flex: 1,
@@ -15,16 +16,31 @@ const useStyles = createStyles(theme => ({
   },
   contentContainer: {
     flexGrow: 1
+  },
+  header: {
+    backgroundColor: theme.colors.background
   }
 }));
 
 /**
  * Screen
- * Contenedor raíz de pantalla: fondo del theme, safe area (via insets del
- * UIProvider), teclado y scroll opcional resueltos de forma consistente.
+ * Root screen container: theme background, safe area (via the UIProvider's
+ * insets), keyboard and optional scroll handled consistently.
+ *
+ * Keyboard: with the UIProvider handling it (default), Screen shifts only its
+ * content — clipped below the `header` — to keep the focused Input above the
+ * keyboard. The header stays fixed and a tab bar outside the Screen stays
+ * behind the keyboard, as in a native app. On iOS with scroll, the ScrollView
+ * already brings the field into view (automaticallyAdjustKeyboardInsets) and
+ * nothing is added. Without a host (`keyboardAvoidance={false}` on the
+ * provider) the usual KeyboardAvoidingView remains.
+ *
+ * Gestalt, common region: the header shares the screen's background and stays
+ * fixed; only the content moves, so navigation isn't lost.
  */
 export const Screen = /*#__PURE__*/memo(({
   children,
+  header,
   style,
   scrollable = true,
   contentContainerStyle,
@@ -33,43 +49,60 @@ export const Screen = /*#__PURE__*/memo(({
 }) => {
   const insets = useInsets();
   const styles = useStyles();
+  const theme = useTheme();
+  const host = useKeyboardHost();
   const applyTop = edges.includes('top');
   const applyBottom = edges.includes('bottom');
+  const topInset = applyTop ? insets.top : 0;
+  const scrollHandles = keyboardAvoiding && scrollable && Platform.OS === 'ios';
+  const panArea = keyboardAvoiding && !scrollHandles && !!host;
+  const avoidWithView = keyboardAvoiding && !scrollHandles && !host;
 
-  // 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
-  } : {};
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.wrapper, style],
-    children: /*#__PURE__*/_jsx(KeyboardWrapper, {
+  // With a header, the top inset goes above the header; the content starts
+  // right below it.
+  const contentTop = header ? 0 : topInset;
+  let content = scrollable ? /*#__PURE__*/_jsx(ScrollView, {
+    style: styles.container,
+    automaticallyAdjustKeyboardInsets: scrollHandles,
+    contentContainerStyle: [styles.contentContainer, {
+      paddingTop: contentTop
+    }, applyBottom && {
+      paddingBottom: insets.bottom
+    }, contentContainerStyle],
+    keyboardShouldPersistTaps: "handled",
+    children: scrollHandles ? /*#__PURE__*/_jsx(KeyboardHandled, {
+      children: children
+    }) : children
+  }) : /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      paddingTop: contentTop,
+      paddingBottom: applyBottom ? insets.bottom : 0
+    }],
+    children: children
+  });
+  if (panArea) {
+    content = /*#__PURE__*/_jsx(KeyboardPanArea, {
+      margin: theme.tokens.spacing.md,
+      topLimit: insets.top,
+      clip: true,
+      children: content
+    });
+  } else if (avoidWithView) {
+    content = /*#__PURE__*/_jsx(KeyboardAvoidingView, {
       style: styles.container,
-      ...keyboardProps,
-      children: scrollable ? /*#__PURE__*/_jsx(ScrollView, {
-        style: styles.container,
-        automaticallyAdjustKeyboardInsets: true,
-        contentContainerStyle: [styles.contentContainer, {
-          paddingTop: applyTop ? insets.top : 0
-        }, applyBottom && {
-          paddingBottom: insets.bottom
-        }, contentContainerStyle],
-        keyboardShouldPersistTaps: "handled",
-        children: children
-      }) : /*#__PURE__*/_jsx(View, {
-        style: [styles.container, {
-          paddingTop: applyTop ? insets.top : 0,
-          paddingBottom: applyBottom ? insets.bottom : 0
-        }],
-        children: children
-      })
-    })
+      behavior: Platform.OS === 'ios' ? 'padding' : 'height',
+      keyboardVerticalOffset: Platform.OS === 'ios' ? 0 : theme.tokens.spacing.xl,
+      children: content
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, style],
+    children: [header && /*#__PURE__*/_jsx(View, {
+      style: [styles.header, {
+        paddingTop: topInset
+      }],
+      children: header
+    }), content]
   });
 });
 Screen.displayName = 'Screen';

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","avoidWithView","OS","KeyboardWrapper","keyboardProps","behavior","keyboardVerticalOffset","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;AAsBhD,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;EACA;EACA;EACA;EACA;EACA,MAAME,aAAa,GAAGN,gBAAgB,IAAI,EAAEH,UAAU,IAAIpB,QAAQ,CAAC8B,EAAE,KAAK,KAAK,CAAC;EAEhF,MAAMC,eAAyC,GAAGF,aAAa,GAAG9B,oBAAoB,GAAGG,IAAI;EAC7F,MAAM8B,aAAa,GAAGH,aAAa,GAC/B;IACEI,QAAQ,EAAEjC,QAAQ,CAAC8B,EAAE,KAAK,KAAK,GAAI,SAAS,GAAc,QAAkB;IAC5EI,sBAAsB,EAAElC,QAAQ,CAAC8B,EAAE,KAAK,KAAK,GAAG,CAAC,GAAG;EACtD,CAAC,GACD,CAAC,CAAC;EAEN,oBACExB,IAAA,CAACJ,IAAI;IAACiB,KAAK,EAAE,CAACM,MAAM,CAAChB,OAAO,EAAEU,KAAK,CAAE;IAAAD,QAAA,eACnCZ,IAAA,CAACyB,eAAe;MAACZ,KAAK,EAAEM,MAAM,CAACX,SAAU;MAAA,GAAKkB,aAAa;MAAAd,QAAA,EACxDE,UAAU,gBACTd,IAAA,CAACL,UAAU;QACTkB,KAAK,EAAEM,MAAM,CAACX,SAAU;QACxBqB,iCAAiC;QACjCd,qBAAqB,EAAE,CACrBI,MAAM,CAACV,gBAAgB,EACvB;UAAEqB,UAAU,EAAEV,QAAQ,GAAGF,MAAM,CAACa,GAAG,GAAG;QAAE,CAAC,EACzCT,WAAW,IAAI;UAAEU,aAAa,EAAEd,MAAM,CAACe;QAAO,CAAC,EAC/ClB,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","useTheme","KeyboardHandled","KeyboardPanArea","useKeyboardHost","jsx","_jsx","jsxs","_jsxs","useStyles","theme","wrapper","flex","backgroundColor","colors","background","container","contentContainer","flexGrow","header","Screen","children","style","scrollable","contentContainerStyle","edges","keyboardAvoiding","insets","styles","host","applyTop","includes","applyBottom","topInset","top","scrollHandles","OS","panArea","avoidWithView","contentTop","content","automaticallyAdjustKeyboardInsets","paddingTop","paddingBottom","bottom","keyboardShouldPersistTaps","margin","tokens","spacing","md","topLimit","clip","behavior","keyboardVerticalOffset","xl","displayName"],"sourceRoot":"../../../src","sources":["organisms/Screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/SearchList.js

@@ -17,8 +17,8 @@ const useStyles = createStyles(theme => ({
   searchRow: {
     flexDirection: 'row',
     alignItems: 'center',
-    marginBottom: theme.tokens.spacing.lg - 1,
-    gap: theme.tokens.spacing.sm + 2
+    marginBottom: theme.tokens.spacing.lg,
+    gap: theme.tokens.spacing.md
   },
   searchInput: {
     flex: 1,
@@ -26,8 +26,8 @@ const useStyles = createStyles(theme => ({
   },
   scanButton: {
     backgroundColor: theme.colors.primary,
-    width: 50,
-    height: 50,
+    width: SCAN_SIZE,
+    height: SCAN_SIZE,
     borderRadius: theme.tokens.radius.lg,
     ...theme.tokens.shadow.sm
   },
@@ -64,16 +64,33 @@ const useStyles = createStyles(theme => ({
     padding: theme.tokens.spacing.md
   },
   skeletonText: {
-    flex: 1,
-    gap: theme.tokens.spacing.sm
+    flex: 1
+  },
+  empty: {
+    marginTop: theme.tokens.spacing.xxxl
   }
 }));
 
+/** The scan button is square and as tall as the search Input beside it. */
+const SCAN_SIZE = 50;
+/** Same as Avatar's default size: the placeholder row matches a typical avatar row. */
+const SKELETON_AVATAR = 44;
+
 /**
  * SearchList
- * Buscador + lista + estados de carga/paginación/vacío. El contenido de
- * cada ítem (renderItem) queda a cargo de quien la usa, ya que difiere por
- * completo entre casos de uso.
+ * Search box + list + loading/pagination/empty states. The content of each
+ * item (renderItem) is up to whoever uses it, since it differs completely
+ * between use cases.
+ *
+ * Design:
+ * - Proximity + common region: the search row (box, scan, extra actions)
+ *   sits right on top of the results it filters.
+ * - Doherty threshold: every wait has immediate feedback (placeholders, a
+ *   spinner in the box while searching, a footer loader while paging), and
+ *   "no results" only appears once it is known there is nothing.
+ * - Jakob's law: the clear (×) inside the box, pull-to-refresh, the keyboard
+ *   dismissed when the list is dragged.
+ * - Fitts's law: the scan button is as tall as the box, a 50pt target.
  */
 export function SearchList({
   header,
@@ -82,7 +99,7 @@ export function SearchList({
   searchPlaceholder,
   searchIsLoading = false,
   onScanPress,
-  scanAccessibilityLabel = 'Scan',
+  scanAccessibilityLabel,
   extraActions,
   data,
   keyExtractor,
@@ -120,8 +137,8 @@ export function SearchList({
   const resolvedLoadingMoreText = loadingMoreText ?? labels.loadingMore;
   const handleEndReached = onLoadMore ?? onEndReached;
 
-  // El footer propio y el loader de paginación conviven: antes el primero
-  // tapaba al segundo y la lista dejaba de avisar que estaba trayendo más.
+  // The custom footer and the pagination loader coexist: previously the first
+  // covered the second and the list stopped signaling it was fetching more.
   const renderFooter = useCallback(() => {
     const custom = typeof ListFooterComponent === 'function' ? /*#__PURE__*/_jsx(ListFooterComponent, {}) : ListFooterComponent ?? null;
     return /*#__PURE__*/_jsxs(_Fragment, {
@@ -141,19 +158,17 @@ export function SearchList({
     });
   }, [ListFooterComponent, isLoadingMore, resolvedLoadingMoreText, noMoreText, hasMore, data.length, styles.footer, styles.footerText]);
 
-  // Vacío sólo cuando ya se sabe que no hay nada: durante la carga inicial se
-  // muestran placeholders, no "sin resultados".
+  // Empty only once it is known there is nothing: during the initial load
+  // placeholders are shown, not "no results".
   const renderEmpty = useCallback(() => {
     if (isLoading || isRefreshing) return null;
     return /*#__PURE__*/_jsx(EmptyState, {
       title: emptyTitle,
       description: emptyDescription,
       iconName: emptyIconName,
-      style: {
-        marginTop: 50
-      }
+      style: styles.empty
     });
-  }, [isLoading, isRefreshing, emptyTitle, emptyDescription, emptyIconName]);
+  }, [isLoading, isRefreshing, emptyTitle, emptyDescription, emptyIconName, styles.empty]);
   if (!isReady) {
     return /*#__PURE__*/_jsx(View, {
       style: [styles.container, containerStyle],
@@ -178,16 +193,22 @@ export function SearchList({
         isLoading: searchIsLoading,
         containerStyle: styles.searchInput
       }), onScanPress && /*#__PURE__*/_jsx(IconButton, {
-        iconName: "search",
+        iconName: "scan",
         onPress: onScanPress,
         color: colors.onPrimary,
         style: styles.scanButton,
-        accessibilityLabel: scanAccessibilityLabel
+        accessibilityLabel: scanAccessibilityLabel ?? labels.scan
       }), extraActions]
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.listArea,
       children: [showOverlayLoading && /*#__PURE__*/_jsxs(View, {
         style: styles.loadingOverlay,
+        accessible: true,
+        accessibilityRole: "progressbar",
+        accessibilityLabel: resolvedLoadingText,
+        accessibilityState: {
+          busy: true
+        },
         children: [/*#__PURE__*/_jsx(ActivityIndicator, {
           size: "large",
           color: colors.primary
@@ -197,7 +218,16 @@ export function SearchList({
         })]
       }), isInitialLoading ? /*#__PURE__*/_jsx(View, {
         testID: "list-skeleton",
-        style: [styles.listContent, contentContainerStyle],
+        style: [styles.listContent, contentContainerStyle]
+        // The placeholders are hidden from screen readers: the group
+        // announces that the list is loading instead of silence.
+        ,
+        accessible: true,
+        accessibilityRole: "progressbar",
+        accessibilityLabel: resolvedLoadingText,
+        accessibilityState: {
+          busy: true
+        },
         children: Array.from({
           length: skeletonCount
         }, (_, i) => /*#__PURE__*/_jsx(React.Fragment, {
@@ -205,15 +235,15 @@ export function SearchList({
             style: styles.skeletonRow,
             children: [/*#__PURE__*/_jsx(Skeleton, {
               variant: "circle",
-              width: 40
+              width: SKELETON_AVATAR
             }), /*#__PURE__*/_jsxs(View, {
               style: styles.skeletonText,
               children: [/*#__PURE__*/_jsx(Skeleton, {
-                width: "60%",
-                height: 14
+                variant: "text",
+                width: "60%"
               }), /*#__PURE__*/_jsx(Skeleton, {
-                width: "35%",
-                height: 12
+                variant: "text",
+                width: "35%"
               })]
             })]
           })

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","ActivityIndicator","FlatList","RefreshControl","Text","View","createStyles","useColors","useLabels","Input","EmptyState","Skeleton","Spinner","IconButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useStyles","theme","container","flex","searchRow","flexDirection","alignItems","marginBottom","tokens","spacing","lg","gap","sm","searchInput","scanButton","backgroundColor","colors","primary","width","height","borderRadius","radius","shadow","listArea","listContent","paddingBottom","xl","loadingOverlay","position","top","left","right","bottom","scrim","zIndex","justifyContent","footer","paddingVertical","md","footerText","color","textLight","fontSize","skeletonRow","padding","skeletonText","SearchList","header","searchValue","onSearchChange","searchPlaceholder","searchIsLoading","onScanPress","scanAccessibilityLabel","extraActions","data","keyExtractor","renderItem","isLoading","loadingMode","isRefreshing","isLoadingMore","isReady","loadingText","loadingMoreText","hasMore","noMoreText","skeletonCount","renderSkeletonItem","onLoadMore","onEndReached","onEndReachedThreshold","onRefresh","emptyTitle","emptyDescription","emptyIconName","ListHeaderComponent","ListFooterComponent","contentContainerStyle","containerStyle","ListComponent","listProps","styles","labels","resolvedSearchPlaceholder","search","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","handleEndReached","renderFooter","custom","children","style","text","fullscreen","length","renderEmpty","title","description","iconName","marginTop","isInitialLoading","showOverlayLoading","placeholder","leftIconName","value","onChangeText","rightIconName","undefined","onRightIconPress","onPress","onPrimary","accessibilityLabel","size","testID","Array","from","_","i","variant","keyboardDismissMode","ListEmptyComponent","refreshControl","refreshing","tintColor"],"sourceRoot":"../../../src","sources":["organisms/SearchList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","ActivityIndicator","FlatList","RefreshControl","Text","View","createStyles","useColors","useLabels","Input","EmptyState","Skeleton","Spinner","IconButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useStyles","theme","container","flex","searchRow","flexDirection","alignItems","marginBottom","tokens","spacing","lg","gap","md","searchInput","scanButton","backgroundColor","colors","primary","width","SCAN_SIZE","height","borderRadius","radius","shadow","sm","listArea","listContent","paddingBottom","xl","loadingOverlay","position","top","left","right","bottom","scrim","zIndex","justifyContent","footer","paddingVertical","footerText","color","textLight","fontSize","skeletonRow","padding","skeletonText","empty","marginTop","xxxl","SKELETON_AVATAR","SearchList","header","searchValue","onSearchChange","searchPlaceholder","searchIsLoading","onScanPress","scanAccessibilityLabel","extraActions","data","keyExtractor","renderItem","isLoading","loadingMode","isRefreshing","isLoadingMore","isReady","loadingText","loadingMoreText","hasMore","noMoreText","skeletonCount","renderSkeletonItem","onLoadMore","onEndReached","onEndReachedThreshold","onRefresh","emptyTitle","emptyDescription","emptyIconName","ListHeaderComponent","ListFooterComponent","contentContainerStyle","containerStyle","ListComponent","listProps","styles","labels","resolvedSearchPlaceholder","search","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","handleEndReached","renderFooter","custom","children","style","text","fullscreen","length","renderEmpty","title","description","iconName","isInitialLoading","showOverlayLoading","placeholder","leftIconName","value","onChangeText","rightIconName","undefined","onRightIconPress","onPress","onPrimary","accessibilityLabel","scan","accessible","accessibilityRole","accessibilityState","busy","size","testID","Array","from","_","i","variant","keyboardDismissMode","ListEmptyComponent","refreshControl","refreshing","tintColor"],"sourceRoot":"../../../src","sources":["organisms/SearchList.tsx"],"mappings":"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","ignoreList":[]}