@sincpro/mobile-ui 0.2.0 → 0.2.1

package/README.md

@@ -1,5 +1,7 @@
 # @sincpro/mobile-ui
 
+> 🤖 **Agentes de IA:** leé [`AGENTS.md`](AGENTS.md) (orientación del ecosistema, patrones) y [`docs/GOTCHAS.md`](docs/GOTCHAS.md) (trampas conocidas).
+
 Sincpro Mobile design system: generic, presentational React Native components.
 
 - **Presentational only** — receives data via props/callbacks. No domain logic, no services, no state stores.

package/dist/views/FormViewV2.js

@@ -3,7 +3,7 @@ import { ErrorBoundary, Feedback } from "../Feedback";
 import Container from "../layouts/Container";
 import { theme } from "../theme";
 import { FormViewProvider, useFormView } from "../views/FormViewV2.context";
-import ScreenHeader from "../widgets/ScreenHeader";
+import ScreenHeader, { EVariantScreenHeader } from "../widgets/ScreenHeader";
 import React from "react";
 import { RefreshControl, View } from "react-native";
 import { KeyboardAwareScrollView } from "react-native-keyboard-controller";
@@ -12,7 +12,7 @@ function FormViewRoot({ name, description, item, isLoading = false, isEmpty = fa
     const wrapperProps = withContainer ? {} : { style: { flex: 1 } };
     return (_jsx(FormViewProvider, { description: description, errorMessage: errorMessage, hasError: hasError, isEmpty: isEmpty, isLoading: isLoading, item: item, name: name, onBack: onBack, onRefresh: onRefresh, onRetry: onRetry, readonly: readonly, children: _jsx(ErrorBoundary, { children: _jsx(Wrapper, { ...wrapperProps, children: children }) }) }));
 }
-function Header({ variant = "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */, logoSource, children, }) {
+function Header({ variant = EVariantScreenHeader.FLAT_HEADER, logoSource, children, }) {
     const { name, description, onBack } = useFormView();
     return (_jsx(_Fragment, { children: _jsx(ScreenHeader, { logoSource: logoSource, onBack: onBack, subtitle: description ? description : `Seleccionar ${name}`, title: name, variant: variant, children: children }) }));
 }

package/dist/views/ListViewV2.js

@@ -9,7 +9,7 @@ import { cn, tv } from "../theme/tw";
 import { Typography } from "../Typography";
 import { ListViewProvider, useListView } from "../views/ListViewV2.context";
 import { toRowItems } from "../views/types/IListView";
-import ScreenHeader from "../widgets/ScreenHeader";
+import ScreenHeader, { EVariantScreenHeader } from "../widgets/ScreenHeader";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { FlatList, RefreshControl, ScrollView, TouchableOpacity, View, } from "react-native";
 function ListViewRoot({ name, description, items, isLoading = false, hasError = false, errorMessage, readonly = false, onRefresh, onRetry, onPressItem, onDeleteItem, onSearch, onBack, backgroundColor, withContainer = true, children, }) {
@@ -20,7 +20,7 @@ function ListViewRoot({ name, description, items, isLoading = false, hasError =
     // Propagate contentWithMargin to ContentList via context
     return (_jsx(ListViewProvider, { description: description, errorMessage: errorMessage, hasError: hasError, isLoading: isLoading, items: items, name: name, onBack: onBack, onDeleteItem: onDeleteItem, onPressItem: onPressItem, onRefresh: onRefresh, onRetry: onRetry, onSearch: onSearch, readonly: readonly, children: _jsx(ErrorBoundary, { children: _jsx(Wrapper, { ...wrapperProps, children: children }) }) }));
 }
-function Header({ variant = "ROUNDED_HEADER" /* EVariantScreenHeader.ROUNDED_HEADER */, children, }) {
+function Header({ variant = EVariantScreenHeader.ROUNDED_HEADER, children, }) {
     const { name, description, onBack } = useListView();
     return (_jsx(ScreenHeader, { onBack: onBack, subtitle: description ? description : `Seleccionar ${name}`, title: name, variant: variant, children: children }));
 }

package/dist/widgets/ScreenHeader.d.ts

@@ -1,5 +1,5 @@
 import { type ImageSourcePropType } from "react-native";
-export declare const enum EVariantScreenHeader {
+export declare enum EVariantScreenHeader {
     FLAT_HEADER = "FLAT_HEADER",
     ROUNDED_HEADER = "ROUNDED_HEADER",
     LOGO_WITH_BACK_BUTTON = "LOGO_WITH_BACK_BUTTON",

package/dist/widgets/ScreenHeader.js

@@ -4,15 +4,22 @@ import { Navigation } from "../Navigation";
 import { View } from "react-native";
 const Header = Navigation.Header;
 const HeaderToolbar = Navigation.HeaderToolbar;
+export var EVariantScreenHeader;
+(function (EVariantScreenHeader) {
+    EVariantScreenHeader["FLAT_HEADER"] = "FLAT_HEADER";
+    EVariantScreenHeader["ROUNDED_HEADER"] = "ROUNDED_HEADER";
+    EVariantScreenHeader["LOGO_WITH_BACK_BUTTON"] = "LOGO_WITH_BACK_BUTTON";
+    EVariantScreenHeader["ONLY_LOGO"] = "ONLY_LOGO";
+})(EVariantScreenHeader || (EVariantScreenHeader = {}));
 function ScreenHeader({ variant, title = "Distribución", subtitle, logoSource, onBack, children, }) {
     switch (variant) {
-        case "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */:
+        case EVariantScreenHeader.FLAT_HEADER:
             return (_jsxs(_Fragment, { children: [_jsx(HeaderToolbar, { flat: true, onBack: onBack, subtitle: subtitle, title: title, withBackground: true }), _jsx(View, { children: children })] }));
-        case "ROUNDED_HEADER" /* EVariantScreenHeader.ROUNDED_HEADER */:
+        case EVariantScreenHeader.ROUNDED_HEADER:
             return (_jsx(GradientContainer, { className: "pt-0.5 shadow-lg shadow-black/70 rounded-b-[18px] pb-6", children: _jsx(HeaderToolbar, { flat: true, onBack: onBack, subtitle: subtitle, title: title, withBackground: false, children: children }) }));
-        case "LOGO_WITH_BACK_BUTTON" /* EVariantScreenHeader.LOGO_WITH_BACK_BUTTON */:
+        case EVariantScreenHeader.LOGO_WITH_BACK_BUTTON:
             return (_jsx(Header, { backButton: true, handleBackButton: onBack, logoSource: logoSource, title: "" }));
-        case "ONLY_LOGO" /* EVariantScreenHeader.ONLY_LOGO */:
+        case EVariantScreenHeader.ONLY_LOGO:
             return _jsx(Header, { logoSource: logoSource, title: title });
         default:
             return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sincpro/mobile-ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Sincpro Mobile design system: generic, presentational React Native components (no domain logic)",
   "main": "expo/AppEntry.js",
   "types": "./dist/index.d.ts",