orn-ui 0.1.0

package/lib/commonjs/organisms/Modal.js

@@ -0,0 +1,286 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Modal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _createStyles = require("../theme/createStyles");
+var _UIProvider = require("../theme/UIProvider");
+var _Text = require("../atoms/Text");
+var _IconButton = require("../atoms/IconButton");
+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); }
+const {
+  height: SCREEN_HEIGHT
+} = _reactNative.Dimensions.get('window');
+const useStyles = (0, _createStyles.createStyles)(theme => ({
+  flex1: {
+    flex: 1
+  },
+  fullWrapper: {
+    flex: 1,
+    backgroundColor: theme.colors.background
+  },
+  overlayContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: theme.tokens.spacing.xxl - 4
+  },
+  bottomSheetContainer: {
+    justifyContent: 'flex-end',
+    padding: 0
+  },
+  backdrop: {
+    backgroundColor: theme.colors.overlay
+  },
+  overlayCard: {
+    width: '100%',
+    maxHeight: '85%',
+    backgroundColor: theme.colors.surface,
+    borderRadius: theme.tokens.radius.xxl,
+    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',
+    alignItems: 'center',
+    padding: theme.tokens.spacing.xl,
+    borderBottomWidth: 1,
+    borderBottomColor: theme.colors.border,
+    backgroundColor: theme.colors.surface
+  },
+  title: {
+    fontSize: theme.tokens.fontSize.xl,
+    fontWeight: theme.tokens.fontWeight.bold,
+    flex: 1
+  },
+  closeButton: {
+    marginLeft: theme.tokens.spacing.md
+  },
+  contentWrapper: {
+    flexShrink: 1,
+    backgroundColor: theme.colors.surface
+  },
+  scrollWrapper: {
+    flexShrink: 1
+  },
+  scrollContent: {
+    padding: theme.tokens.spacing.xl,
+    flexGrow: 1
+  },
+  scrollContentFull: {
+    padding: 0,
+    flexGrow: 1
+  },
+  footer: {
+    padding: theme.tokens.spacing.xl,
+    borderTopWidth: 1,
+    borderTopColor: theme.colors.border,
+    backgroundColor: theme.colors.surface
+  }
+}));
+
+/**
+ * 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.
+ */
+const Modal = exports.Modal = /*#__PURE__*/(0, _react.memo)(({
+  visible,
+  onClose,
+  title,
+  closeAccessibilityLabel = 'Close',
+  children,
+  footer,
+  containerStyle,
+  contentStyle,
+  variant = 'full',
+  scrollable = true,
+  statusBarTranslucent = true,
+  onRequestClose,
+  hardwareAccelerated
+}) => {
+  const isFull = variant === 'full';
+  const isOverlay = variant === 'overlay';
+  const isFullScreen = variant === 'fullScreen';
+  const isBottomSheet = variant === 'bottomSheet';
+  const isAnimatedVariant = isOverlay || isBottomSheet || isFull;
+  const insets = (0, _UIProvider.useInsets)();
+  const colors = (0, _UIProvider.useColors)();
+  const styles = useStyles();
+  const [mounted, setMounted] = (0, _react.useState)(!isAnimatedVariant && visible);
+  const backdropOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const cardProgress = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    if (!isAnimatedVariant) {
+      setMounted(visible);
+      return;
+    }
+    if (visible) {
+      setMounted(true);
+      _reactNative.Animated.timing(backdropOpacity, {
+        toValue: 1,
+        duration: 200,
+        useNativeDriver: true
+      }).start();
+      _reactNative.Animated.timing(cardProgress, {
+        toValue: 1,
+        duration: 250,
+        useNativeDriver: true
+      }).start();
+    } else {
+      _reactNative.Animated.timing(backdropOpacity, {
+        toValue: 0,
+        duration: 180,
+        useNativeDriver: true
+      }).start();
+      _reactNative.Animated.timing(cardProgress, {
+        toValue: 0,
+        duration: 200,
+        useNativeDriver: true
+      }).start(({
+        finished
+      }) => {
+        if (finished) setMounted(false);
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [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]
+      })
+    }]
+  };
+  const behavior = _reactNative.Platform.OS === 'ios' ? isFull ? undefined : 'padding' : 'height';
+  const keyboardOffset = _reactNative.Platform.OS === 'ios' ? 0 : 20;
+  const renderHeader = () => {
+    if (!title && !onClose) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.header,
+      children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Title, {
+        style: styles.title,
+        numberOfLines: 1,
+        children: title
+      }), !title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.flex1
+      }), !!onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+        iconName: "close",
+        size: 24,
+        color: colors.text,
+        onPress: onClose,
+        accessibilityLabel: closeAccessibilityLabel,
+        style: styles.closeButton
+      })]
+    });
+  };
+  const renderMainContent = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.contentWrapper, isFull && styles.flex1],
+    children: scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      style: [styles.scrollWrapper, isFull && styles.flex1],
+      contentContainerStyle: [!isFull ? styles.scrollContent : styles.scrollContentFull, contentStyle],
+      keyboardShouldPersistTaps: "handled",
+      showsVerticalScrollIndicator: false,
+      bounces: _reactNative.Platform.OS === 'ios',
+      automaticallyAdjustKeyboardInsets: true,
+      children: children
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [!isFull ? styles.scrollContent : styles.scrollContentFull, isFull && styles.flex1, contentStyle],
+      children: children
+    })
+  });
+  const renderFooter = () => footer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.footer,
+    children: footer
+  }) : null;
+  if (!mounted) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: true,
+    onRequestClose: onRequestClose ?? onClose,
+    animationType: isAnimatedVariant ? 'none' : 'slide'
+    // `full` anima su propia entrada (translateY) con animationType="none"
+    // y necesita `transparent` para que no se vea un fondo negro detrás
+    // mientras desliza. RN sólo admite `transparent` junto a
+    // 'overFullScreen' — con 'pageSheet' avisa que la combinación no está
+    // soportada. Por eso `full` usa overFullScreen: la presentación nativa
+    // de pageSheet sería redundante con nuestra animación de todos modos.
+    ,
+    presentationStyle: _reactNative.Platform.OS === 'ios' ? isFullScreen ? 'fullScreen' : 'overFullScreen' : undefined,
+    transparent: isOverlay || isBottomSheet || isFull,
+    statusBarTranslucent: statusBarTranslucent,
+    hardwareAccelerated: hardwareAccelerated,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
+      behavior: behavior,
+      keyboardVerticalOffset: keyboardOffset,
+      style: styles.flex1,
+      children: isOverlay || isBottomSheet ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.overlayContainer, isBottomSheet && styles.bottomSheetContainer],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+          style: [{
+            ...StyleSheetAbsoluteFill
+          }, styles.backdrop, {
+            opacity: backdropOpacity
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            style: StyleSheetAbsoluteFill,
+            onPress: onClose,
+            testID: "modal-backdrop"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+          style: [isOverlay ? styles.overlayCard : styles.bottomSheetCard, isBottomSheet && {
+            paddingBottom: Math.max(insets.bottom, _reactNative.Platform.OS === 'ios' ? 20 : 0)
+          }, containerStyle, cardAnimatedStyle],
+          children: [renderHeader(), renderMainContent(), renderFooter()]
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.fullWrapper, containerStyle, isFull && cardAnimatedStyle],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.flex1, {
+            paddingTop: insets.top,
+            paddingBottom: insets.bottom
+          }],
+          children: [renderHeader(), renderMainContent(), renderFooter()]
+        })
+      })
+    })
+  });
+});
+Modal.displayName = 'Modal';
+const StyleSheetAbsoluteFill = {
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0
+};
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Text","_IconButton","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","height","SCREEN_HEIGHT","Dimensions","useStyles","createStyles","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","Modal","exports","memo","visible","onClose","closeAccessibilityLabel","children","containerStyle","contentStyle","variant","scrollable","statusBarTranslucent","onRequestClose","hardwareAccelerated","isFull","isOverlay","isFullScreen","isBottomSheet","isAnimatedVariant","insets","useInsets","useColors","styles","mounted","setMounted","useState","backdropOpacity","useRef","Animated","Value","current","cardProgress","useEffect","timing","toValue","duration","useNativeDriver","start","finished","cardAnimatedStyle","transform","translateY","interpolate","inputRange","outputRange","scale","behavior","Platform","OS","undefined","keyboardOffset","renderHeader","jsxs","View","style","jsx","Title","numberOfLines","IconButton","iconName","size","color","text","onPress","accessibilityLabel","renderMainContent","ScrollView","contentContainerStyle","keyboardShouldPersistTaps","showsVerticalScrollIndicator","bounces","automaticallyAdjustKeyboardInsets","renderFooter","animationType","presentationStyle","transparent","KeyboardAvoidingView","keyboardVerticalOffset","StyleSheetAbsoluteFill","opacity","Pressable","testID","paddingBottom","Math","max","bottom","paddingTop","top","displayName","position","left","right"],"sourceRoot":"../../../src","sources":["organisms/Modal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/organisms/Screen.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Screen = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _createStyles = require("../theme/createStyles");
+var _UIProvider = require("../theme/UIProvider");
+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); }
+const useStyles = (0, _createStyles.createStyles)(theme => ({
+  wrapper: {
+    flex: 1,
+    backgroundColor: theme.colors.background
+  },
+  container: {
+    flex: 1
+  },
+  contentContainer: {
+    flexGrow: 1
+  }
+}));
+
+/**
+ * Screen
+ * Contenedor raíz de pantalla: fondo del theme, safe area (via insets del
+ * UIProvider), teclado y scroll opcional resueltos de forma consistente.
+ */
+const Screen = exports.Screen = /*#__PURE__*/(0, _react.memo)(({
+  children,
+  style,
+  scrollable = true,
+  contentContainerStyle,
+  edges = ['top', 'bottom'],
+  keyboardAvoiding = true
+}) => {
+  const insets = (0, _UIProvider.useInsets)();
+  const styles = useStyles();
+  const applyTop = edges.includes('top');
+  const applyBottom = edges.includes('bottom');
+  const KeyboardWrapper = keyboardAvoiding ? _reactNative.KeyboardAvoidingView : _reactNative.View;
+  const keyboardProps = keyboardAvoiding ? {
+    behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height',
+    keyboardVerticalOffset: _reactNative.Platform.OS === 'ios' ? 0 : 20
+  } : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.wrapper, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardWrapper, {
+      style: styles.container,
+      ...keyboardProps,
+      children: scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        style: styles.container,
+        contentInsetAdjustmentBehavior: "automatic",
+        automaticallyAdjustKeyboardInsets: true,
+        contentContainerStyle: [styles.contentContainer, {
+          paddingTop: applyTop ? insets.top : 0
+        }, _reactNative.Platform.OS === 'android' && applyBottom && {
+          paddingBottom: insets.bottom
+        }, contentContainerStyle],
+        keyboardShouldPersistTaps: "handled",
+        children: children
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.container, {
+          paddingTop: applyTop ? insets.top : 0,
+          paddingBottom: applyBottom ? insets.bottom : 0
+        }],
+        children: children
+      })
+    })
+  });
+});
+Screen.displayName = 'Screen';
+//# sourceMappingURL=Screen.js.map

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

@@ -0,0 +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","wrapper","flex","backgroundColor","colors","background","container","contentContainer","flexGrow","Screen","exports","memo","children","style","scrollable","contentContainerStyle","edges","keyboardAvoiding","insets","useInsets","styles","applyTop","includes","applyBottom","KeyboardWrapper","KeyboardAvoidingView","View","keyboardProps","behavior","Platform","OS","keyboardVerticalOffset","jsx","ScrollView","contentInsetAdjustmentBehavior","automaticallyAdjustKeyboardInsets","paddingTop","top","paddingBottom","bottom","keyboardShouldPersistTaps","displayName"],"sourceRoot":"../../../src","sources":["organisms/Screen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/organisms/SearchList.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchList = SearchList;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _createStyles = require("../theme/createStyles");
+var _UIProvider = require("../theme/UIProvider");
+var _Input = require("../atoms/Input");
+var _EmptyState = require("../atoms/EmptyState");
+var _Spinner = require("../atoms/Spinner");
+var _IconButton = require("../atoms/IconButton");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useStyles = (0, _createStyles.createStyles)(theme => ({
+  container: {
+    flex: 1
+  },
+  searchRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: theme.tokens.spacing.lg - 1,
+    gap: theme.tokens.spacing.sm + 2
+  },
+  searchInput: {
+    flex: 1,
+    marginBottom: 0
+  },
+  scanButton: {
+    backgroundColor: theme.colors.primary,
+    width: 50,
+    height: 50,
+    borderRadius: theme.tokens.radius.lg,
+    ...theme.tokens.shadow.sm
+  },
+  listArea: {
+    flex: 1
+  },
+  listContent: {
+    paddingBottom: theme.tokens.spacing.xl
+  },
+  loadingOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: theme.colors.surface + 'B3',
+    zIndex: 10,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  footer: {
+    paddingVertical: theme.tokens.spacing.xl,
+    alignItems: 'center',
+    gap: theme.tokens.spacing.md
+  },
+  footerText: {
+    color: theme.colors.textLight,
+    fontSize: theme.tokens.fontSize.md
+  }
+}));
+
+/**
+ * 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.
+ */
+function SearchList({
+  header,
+  searchValue,
+  onSearchChange,
+  searchPlaceholder,
+  searchIsLoading = false,
+  onScanPress,
+  scanAccessibilityLabel = 'Scan',
+  extraActions,
+  data,
+  keyExtractor,
+  renderItem,
+  isLoading = false,
+  loadingMode = 'replace',
+  loadingText,
+  onLoadMore,
+  isLoadingMore = false,
+  loadingMoreText,
+  hasMore = false,
+  noMoreText,
+  emptyTitle,
+  emptyDescription,
+  emptyIconName,
+  contentContainerStyle,
+  ListComponent = _reactNative.FlatList,
+  listProps
+}) {
+  const colors = (0, _UIProvider.useColors)();
+  const styles = useStyles();
+  const labels = (0, _UIProvider.useLabels)();
+  const resolvedSearchPlaceholder = searchPlaceholder ?? labels.search;
+  const resolvedLoadingText = loadingText ?? labels.loading;
+  const resolvedLoadingMoreText = loadingMoreText ?? labels.loadingMore;
+  const renderFooter = () => {
+    if (isLoadingMore) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.footer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.Spinner, {
+          text: resolvedLoadingMoreText,
+          fullscreen: false
+        })
+      });
+    }
+    if (noMoreText && !hasMore && data.length > 0) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.footer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.footerText,
+          children: noMoreText
+        })
+      });
+    }
+    return null;
+  };
+  const showReplaceLoading = isLoading && loadingMode === 'replace' && data.length === 0;
+  const showOverlayLoading = isLoading && loadingMode === 'overlay' && data.length === 0;
+  const showEmpty = !isLoading && data.length === 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [header, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.searchRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+        placeholder: resolvedSearchPlaceholder,
+        leftIconName: "search",
+        value: searchValue,
+        onChangeText: onSearchChange,
+        rightIconName: searchValue.length > 0 ? 'close' : undefined,
+        onRightIconPress: () => onSearchChange(''),
+        isLoading: searchIsLoading,
+        containerStyle: styles.searchInput
+      }), onScanPress && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+        iconName: "search",
+        onPress: onScanPress,
+        color: colors.white,
+        style: styles.scanButton,
+        accessibilityLabel: scanAccessibilityLabel
+      }), extraActions]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.listArea,
+      children: [showOverlayLoading && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.loadingOverlay,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "large",
+          color: colors.primary
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.footerText,
+          children: resolvedLoadingText
+        })]
+      }), showReplaceLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.Spinner, {
+        text: resolvedLoadingText
+      }) : showEmpty ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
+        title: emptyTitle,
+        description: emptyDescription,
+        iconName: emptyIconName
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(ListComponent, {
+        data: data,
+        keyExtractor: keyExtractor,
+        keyboardDismissMode: "on-drag",
+        contentContainerStyle: contentContainerStyle ?? styles.listContent,
+        onEndReached: onLoadMore,
+        onEndReachedThreshold: 0.2,
+        ListFooterComponent: renderFooter,
+        renderItem: renderItem,
+        ...listProps
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=SearchList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_createStyles","_UIProvider","_Input","_EmptyState","_Spinner","_IconButton","_jsxRuntime","e","__esModule","default","useStyles","createStyles","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","surface","zIndex","justifyContent","footer","paddingVertical","md","footerText","color","textLight","fontSize","SearchList","header","searchValue","onSearchChange","searchPlaceholder","searchIsLoading","onScanPress","scanAccessibilityLabel","extraActions","data","keyExtractor","renderItem","isLoading","loadingMode","loadingText","onLoadMore","isLoadingMore","loadingMoreText","hasMore","noMoreText","emptyTitle","emptyDescription","emptyIconName","contentContainerStyle","ListComponent","FlatList","listProps","useColors","styles","labels","useLabels","resolvedSearchPlaceholder","search","resolvedLoadingText","loading","resolvedLoadingMoreText","loadingMore","renderFooter","jsx","View","style","children","Spinner","text","fullscreen","length","Text","showReplaceLoading","showOverlayLoading","showEmpty","jsxs","Input","placeholder","leftIconName","value","onChangeText","rightIconName","undefined","onRightIconPress","containerStyle","IconButton","iconName","onPress","white","accessibilityLabel","ActivityIndicator","size","EmptyState","title","description","keyboardDismissMode","onEndReached","onEndReachedThreshold","ListFooterComponent"],"sourceRoot":"../../../src","sources":["organisms/SearchList.tsx"],"mappings":"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","ignoreList":[]}