@sincpro/mobile 0.1.0 → 0.2.0

package/dist/ui/screens/database/database.table_rows.js

@@ -5,6 +5,6 @@ import { ListViewV2 } from "@sincpro/mobile-ui/views/ListViewV2";
 import { useDatabase } from "./database.context";
 function TableRowsView() {
     const { isLoading, filteredData, selectedTable, goBackFromRows, selectRowJson, setSearchQuery, } = useDatabase();
-    return (_jsxs(ListViewV2.Root, { isLoading: isLoading, items: filteredData, name: `Datos - ${selectedTable}`, onBack: goBackFromRows, onPressItem: (item) => selectRowJson(safeJsonStringify(item), item.index), onSearch: setSearchQuery, children: [_jsx(ListViewV2.Header, { variant: "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */, children: _jsx(ListViewV2.Header.Search, {}) }), _jsx(ListViewV2.Content, { children: (item) => (_jsx(TableInfoRow, { item: { data: safeJsonStringify(item) }, onPress: () => selectRowJson(safeJsonStringify(item), item.index) })) })] }));
+    return (_jsxs(ListViewV2.Root, { isLoading: isLoading, items: filteredData, name: `Datos - ${selectedTable}`, onBack: goBackFromRows, onPressItem: (item) => selectRowJson(safeJsonStringify(item), item.index), onSearch: setSearchQuery, children: [_jsx(ListViewV2.Header, { variant: "default", children: _jsx(ListViewV2.Header.Search, {}) }), _jsx(ListViewV2.Content, { children: (item) => (_jsx(TableInfoRow, { item: { data: safeJsonStringify(item) }, onPress: () => selectRowJson(safeJsonStringify(item), item.index) })) })] }));
 }
 export default TableRowsView;

package/dist/ui/screens/dead_letter_queue/dead_letter_queue.list.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { useNavigation } from "@react-navigation/native";
 import DeadLetterQueueRow from "../../../ui/components/organisms/DeadLetterQueueRow";
 import { ListViewV2 } from "@sincpro/mobile-ui/views/ListViewV2";
 import { useEffect } from "react";
-import { useNavigate } from "react-router-native";
 import { DeadLetterQueueProvider, useDeadLetterQueue } from "./dead_letter_queue.context";
 function DeadLetterQueueScreenComponent() {
-    const navigate = useNavigate();
+    const navigation = useNavigation();
     const { enrichedEvents, isLoading, loadEvents, retryEvent } = useDeadLetterQueue();
     useEffect(() => {
         loadEvents();
     }, [loadEvents]);
-    const onBack = () => navigate(-1);
-    return (_jsxs(ListViewV2.Root, { description: "Eventos que no pudieron ser procesados", isLoading: isLoading, items: enrichedEvents, name: "Eventos fallidos", onBack: onBack, onRefresh: loadEvents, children: [_jsx(ListViewV2.Header, { variant: "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */ }), _jsx(ListViewV2.Content, { children: (event) => (_jsx(DeadLetterQueueRow, { item: event, onRetry: async (evt) => {
+    const onBack = () => navigation.goBack();
+    return (_jsxs(ListViewV2.Root, { description: "Eventos que no pudieron ser procesados", isLoading: isLoading, items: enrichedEvents, name: "Eventos fallidos", onBack: onBack, onRefresh: loadEvents, children: [_jsx(ListViewV2.Header, { variant: "default" }), _jsx(ListViewV2.Content, { children: (event) => (_jsx(DeadLetterQueueRow, { item: event, onRetry: async (evt) => {
                         await retryEvent(evt);
                         setTimeout(() => {
                             void loadEvents();

package/dist/ui/screens/events/events.list.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { useNavigation } from "@react-navigation/native";
 import EventRow from "../../../ui/components/organisms/EventRow";
 import { ListViewV2 } from "@sincpro/mobile-ui/views/ListViewV2";
 import { useEffect } from "react";
-import { useNavigate } from "react-router-native";
 import { EventsProvider, useEvents } from "./events.context";
 const FILTER_OPTIONS = [
     { label: "Todos", value: "ALL" },
@@ -11,13 +11,13 @@ const FILTER_OPTIONS = [
     { label: "Pendientes", value: "PENDING" },
 ];
 function EventsScreenComponent() {
-    const navigate = useNavigate();
+    const navigation = useNavigation();
     const { pagedEvents, isLoading, loadEvents, retryEvent, filter, setFilter } = useEvents();
     useEffect(() => {
         void loadEvents();
     }, [loadEvents]);
-    const onBack = () => navigate(-1);
-    return (_jsxs(ListViewV2.Root, { description: "Eventos registrados", isLoading: isLoading, items: pagedEvents, name: "Eventos", onBack: onBack, onRefresh: loadEvents, children: [_jsx(ListViewV2.Header, { variant: "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */, children: _jsx(ListViewV2.Header.Filters, { children: _jsx(ListViewV2.Header.Filters.Chips, { children: FILTER_OPTIONS.map((option) => (_jsx(ListViewV2.Header.Filters.Chip, { active: filter === option.value, label: option.label, onPress: () => setFilter(option.value) }, option.value))) }) }) }), _jsx(ListViewV2.Content, { children: (event) => (_jsx(EventRow, { item: event, onRetry: async (evt) => {
+    const onBack = () => navigation.goBack();
+    return (_jsxs(ListViewV2.Root, { description: "Eventos registrados", isLoading: isLoading, items: pagedEvents, name: "Eventos", onBack: onBack, onRefresh: loadEvents, children: [_jsx(ListViewV2.Header, { variant: "default", children: _jsx(ListViewV2.Header.Filters, { children: _jsx(ListViewV2.Header.Filters.Chips, { children: FILTER_OPTIONS.map((option) => (_jsx(ListViewV2.Header.Filters.Chip, { active: filter === option.value, label: option.label, onPress: () => setFilter(option.value) }, option.value))) }) }) }), _jsx(ListViewV2.Content, { children: (event) => (_jsx(EventRow, { item: event, onRetry: async (evt) => {
                         await retryEvent(evt);
                     } })) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sincpro/mobile",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Sincpro Mobile framework core: offline-first infra (DB, queue/events, cron), DDD patterns, adapters, AppShell and module-driven composition for React Native",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -58,8 +58,10 @@
     "react-native-toast-message": "*",
     "react-native-view-shot": "*",
     "react-native-webview": "*",
-    "react-router-native": ">=6",
-    "@sincpro/mobile-ui": "^0.2.0"
+    "@react-navigation/native": ">=7",
+    "@react-navigation/native-stack": ">=7",
+    "react-native-screens": "*",
+    "@sincpro/mobile-ui": "^0.7.0"
   },
   "devDependencies": {
     "@types/big.js": "^6.2.2",
@@ -96,10 +98,12 @@
     "react-native-toast-message": "^2.3.3",
     "react-native-view-shot": "^4.0.3",
     "react-native-webview": "13.15.0",
-    "react-router-native": "^6.30.0",
+    "@react-navigation/native": "^7.0.0",
+    "@react-navigation/native-stack": "^7.0.0",
+    "react-native-screens": "~4.25.2",
     "tsc-alias": "^1.8.17",
     "typescript": "~5.9.2",
-    "@sincpro/mobile-ui": "^0.2.0"
+    "@sincpro/mobile-ui": "^0.7.0"
   },
   "exports": {
     ".": "./dist/index.js",

package/dist/ui/layouts/router_layouts.d.ts

@@ -1,17 +0,0 @@
-import UITabNavigatorLayout from "@sincpro/mobile-ui/layouts/TabNavigatorLayout";
-import type { ComponentProps, ReactElement } from "react";
-type UITabProps = ComponentProps<typeof UITabNavigatorLayout>;
-/**
- * Layouts conectados a react-router. El design system (@sincpro/mobile-ui) trae
- * las versiones presentacionales (sin router); aquí el core —que sí posee el
- * router— les inyecta location/navigate/Outlet para usarse como layout routes.
- */
-declare function TabNavigatorLayout(props: Omit<UITabProps, "content" | "currentPath" | "onTabPress">): ReactElement;
-declare namespace TabNavigatorLayout {
-    var Tabs: ({ children: tabsChildren }: {
-        children?: import("react").ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    var Tab: (_props: import("@sincpro/mobile-ui/layouts/TabNavigatorLayout").TabProps) => null;
-}
-declare function PlainLayout(): ReactElement;
-export { PlainLayout, TabNavigatorLayout };

package/dist/ui/layouts/router_layouts.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
-import UIPlainLayout from "@sincpro/mobile-ui/layouts/PlainLayout";
-import UITabNavigatorLayout from "@sincpro/mobile-ui/layouts/TabNavigatorLayout";
-import { Outlet, useLocation, useNavigate } from "react-router-native";
-/**
- * Layouts conectados a react-router. El design system (@sincpro/mobile-ui) trae
- * las versiones presentacionales (sin router); aquí el core —que sí posee el
- * router— les inyecta location/navigate/Outlet para usarse como layout routes.
- */
-function TabNavigatorLayout(props) {
-    const location = useLocation();
-    const navigate = useNavigate();
-    return (_jsx(UITabNavigatorLayout, { ...props, content: _jsx(Outlet, {}), currentPath: location.pathname, onTabPress: (path) => navigate(path) }));
-}
-TabNavigatorLayout.Tabs = UITabNavigatorLayout.Tabs;
-TabNavigatorLayout.Tab = UITabNavigatorLayout.Tab;
-function PlainLayout() {
-    return (_jsx(UIPlainLayout, { children: _jsx(Outlet, {}) }));
-}
-export { PlainLayout, TabNavigatorLayout };