pytech-ui 1.0.30 → 1.0.32

package/android/src/main/java/expo/modules/pytechui/utils/children.kt

@@ -1,127 +1,127 @@
-package expo.modules.pytechui
-/*
-
-Utils relacionados con los children.
-
-*/
-
-
-
-import expo.modules.kotlin.views.ExpoComposeView
-import android.view.View
-import android.view.ViewGroup
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.DisposableEffect
-import androidx.compose.runtime.key
-import androidx.compose.runtime.mutableIntStateOf
-import androidx.compose.runtime.remember
-import expo.modules.kotlin.views.FunctionalComposableScope
-
-import expo.modules.ui.SlotView
-
-
-/**
- * Obtiene el host del componente.
- */
-@Composable
-fun FunctionalComposableScope.getHost( parent: ExpoComposeView<*>? = null ): ViewGroup? {
-    return (parent as? ViewGroup) ?: (view as? ViewGroup)
-}
-
-/**
- * Renderiza los hijos del host.
- */
-@Composable
-fun FunctionalComposableScope.Children(parent: ExpoComposeView<*>? = null) {
-    val host = getHost(parent) ?: return
-    val childGeneration = remember(host) { mutableIntStateOf(host.childCount) }
-
-    DisposableEffect(host) {
-        fun syncChildCount() {
-            val count = host.childCount
-            if (childGeneration.intValue != count) {
-                childGeneration.intValue = count
-            }
-        }
-
-        syncChildCount()
-
-        val listener = object : ViewGroup.OnHierarchyChangeListener {
-            override fun onChildViewAdded(parent: View?, child: View?) = syncChildCount()
-            override fun onChildViewRemoved(parent: View?, child: View?) = syncChildCount()
-        }
-        host.setOnHierarchyChangeListener(listener)
-        onDispose {
-            host.setOnHierarchyChangeListener(null)
-        }
-    }
-
-    // Suscripción: recomponer solo cuando cambia childCount, sin invalidar keys de hijos estables.
-    @Suppress("UNUSED_VARIABLE")
-    val generation = childGeneration.intValue
-
-    for (i in 0 until host.childCount) {
-        val child = host.getChildAt(i) as? ExpoComposeView<*> ?: continue
-        key(child) {
-            with(composableScope) {
-                with(child) { Content() }
-            }
-        }
-    }
-}
-
-/* 
-@Composable
-fun FunctionalComposableScope.Children( parent: ExpoComposeView<*>? = null ) {
-    val host = getHost(parent) ?: return
-    for (i in 0 until host.childCount) {
-        val child = host.getChildAt(i) as? ExpoComposeView<*> ?: continue
-
-        key(child) {
-			with(composableScope) {
-				with(child) {
-					Content()
-				}
-			}
-		}
-    }
-}
-*/
-
-
-/**
- * Obtiene los hijos del host.
- */
-@Composable
-fun FunctionalComposableScope.getChildren( parent: ExpoComposeView<*>? = null ): MutableList<ExpoComposeView<*>> {
-
-	val children = mutableListOf<ExpoComposeView<*>>()
-    val host = getHost(parent) ?: return children
-    for (i in 0 until host.childCount) {
-        val child = host.getChildAt(i) as? ExpoComposeView<*> ?: continue
-        children.add(child)
-    }
-
-    return children
-}
-
-
-@Composable
-fun FunctionalComposableScope.findChildBySlotName(slotName: String, parent: ExpoComposeView<*>? = null): SlotView? {
-	val children = getChildren(parent)
-	for (child in children) {
-		if (child is SlotView && child.props.slotName.value == slotName) {
-			return child
-		}
-	}
-	return null
-}
-
-@Composable
-inline fun <reified TypedView> FunctionalComposableScope.findChildByType(parent: ExpoComposeView<*>? = null): TypedView? {
-	val children = getChildren(parent)
-	for (child in children) {
-		if (child is TypedView) return child
-	}
-	return null
+package expo.modules.pytechui
+/*
+
+Utils relacionados con los children.
+
+*/
+
+
+
+import expo.modules.kotlin.views.ExpoComposeView
+import android.view.View
+import android.view.ViewGroup
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.key
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.remember
+import expo.modules.kotlin.views.FunctionalComposableScope
+
+import expo.modules.ui.SlotView
+
+
+/**
+ * Obtiene el host del componente.
+ */
+@Composable
+fun FunctionalComposableScope.getHost( parent: ExpoComposeView<*>? = null ): ViewGroup? {
+    return (parent as? ViewGroup) ?: (view as? ViewGroup)
+}
+
+/**
+ * Renderiza los hijos del host.
+ */
+@Composable
+fun FunctionalComposableScope.Children(parent: ExpoComposeView<*>? = null) {
+    val host = getHost(parent) ?: return
+    val childGeneration = remember(host) { mutableIntStateOf(host.childCount) }
+
+    DisposableEffect(host) {
+        fun syncChildCount() {
+            val count = host.childCount
+            if (childGeneration.intValue != count) {
+                childGeneration.intValue = count
+            }
+        }
+
+        syncChildCount()
+
+        val listener = object : ViewGroup.OnHierarchyChangeListener {
+            override fun onChildViewAdded(parent: View?, child: View?) = syncChildCount()
+            override fun onChildViewRemoved(parent: View?, child: View?) = syncChildCount()
+        }
+        host.setOnHierarchyChangeListener(listener)
+        onDispose {
+            host.setOnHierarchyChangeListener(null)
+        }
+    }
+
+    // Suscripción: recomponer solo cuando cambia childCount, sin invalidar keys de hijos estables.
+    @Suppress("UNUSED_VARIABLE")
+    val generation = childGeneration.intValue
+
+    for (i in 0 until host.childCount) {
+        val child = host.getChildAt(i) as? ExpoComposeView<*> ?: continue
+        key(child) {
+            with(composableScope) {
+                with(child) { Content() }
+            }
+        }
+    }
+}
+
+/* 
+@Composable
+fun FunctionalComposableScope.Children( parent: ExpoComposeView<*>? = null ) {
+    val host = getHost(parent) ?: return
+    for (i in 0 until host.childCount) {
+        val child = host.getChildAt(i) as? ExpoComposeView<*> ?: continue
+
+        key(child) {
+			with(composableScope) {
+				with(child) {
+					Content()
+				}
+			}
+		}
+    }
+}
+*/
+
+
+/**
+ * Obtiene los hijos del host.
+ */
+@Composable
+fun FunctionalComposableScope.getChildren( parent: ExpoComposeView<*>? = null ): MutableList<ExpoComposeView<*>> {
+
+	val children = mutableListOf<ExpoComposeView<*>>()
+    val host = getHost(parent) ?: return children
+    for (i in 0 until host.childCount) {
+        val child = host.getChildAt(i) as? ExpoComposeView<*> ?: continue
+        children.add(child)
+    }
+
+    return children
+}
+
+
+@Composable
+fun FunctionalComposableScope.findChildBySlotName(slotName: String, parent: ExpoComposeView<*>? = null): SlotView? {
+	val children = getChildren(parent)
+	for (child in children) {
+		if (child is SlotView && child.props.slotName.value == slotName) {
+			return child
+		}
+	}
+	return null
+}
+
+@Composable
+inline fun <reified TypedView> FunctionalComposableScope.findChildByType(parent: ExpoComposeView<*>? = null): TypedView? {
+	val children = getChildren(parent)
+	for (child in children) {
+		if (child is TypedView) return child
+	}
+	return null
 }

package/android/src/main/java/expo/modules/pytechui/utils/modifiers.kt

@@ -1,45 +1,45 @@
-package expo.modules.pytechui
-
-
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-
-import expo.modules.kotlin.views.FunctionalComposableScope
-import expo.modules.kotlin.views.ComposableScope
-import expo.modules.kotlin.AppContext
-
-import expo.modules.ui.ModifierList
-import expo.modules.ui.ModifierRegistry
-
-import expo.modules.kotlin.viewevent.EventDispatcher    
-
-
-// ------------------------------------ Modifiers ------------------------------------
-
-// Siempre se usan: Modifier.then(getModifier())
-
-
-/**
- * Ya tiene todo aplicado y es para los componentes que son FunctionalComposableScope
- * Obtiene el Modifier aplicado a los modifiers de las props de js.
- */
-
-@Composable
-fun FunctionalComposableScope.getModifier(modifiers: ModifierList): Modifier =
-  	ModifierRegistry.applyModifiers(modifiers, appContext, composableScope, globalEventDispatcher)
-  
-
-/**
- * Para los componentes que no son FunctionalComposableScope
- * Obtiene el Modifier aplicado a los modifiers de las props de js.
- */
-@Composable
-fun getModifier(
-	modifiers: ModifierList,
-	appContext: AppContext,
-	scope: ComposableScope,
-	eventDispatcher: (String, Map<String, Any?>) -> Unit
-): Modifier = ModifierRegistry.applyModifiers(modifiers, appContext, scope, eventDispatcher)
-
-
+package expo.modules.pytechui
+
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.kotlin.views.ComposableScope
+import expo.modules.kotlin.AppContext
+
+import expo.modules.ui.ModifierList
+import expo.modules.ui.ModifierRegistry
+
+import expo.modules.kotlin.viewevent.EventDispatcher    
+
+
+// ------------------------------------ Modifiers ------------------------------------
+
+// Siempre se usan: Modifier.then(getModifier())
+
+
+/**
+ * Ya tiene todo aplicado y es para los componentes que son FunctionalComposableScope
+ * Obtiene el Modifier aplicado a los modifiers de las props de js.
+ */
+
+@Composable
+fun FunctionalComposableScope.getModifier(modifiers: ModifierList): Modifier =
+  	ModifierRegistry.applyModifiers(modifiers, appContext, composableScope, globalEventDispatcher)
+  
+
+/**
+ * Para los componentes que no son FunctionalComposableScope
+ * Obtiene el Modifier aplicado a los modifiers de las props de js.
+ */
+@Composable
+fun getModifier(
+	modifiers: ModifierList,
+	appContext: AppContext,
+	scope: ComposableScope,
+	eventDispatcher: (String, Map<String, Any?>) -> Unit
+): Modifier = ModifierRegistry.applyModifiers(modifiers, appContext, scope, eventDispatcher)
+
+
 // ------------------------------------ Otros ------------------------------------

package/build/constants/utils.d.ts

@@ -5,5 +5,5 @@ export declare const isValidMail: (mail: string) => boolean;
 export declare const applyOpacity: (color: string, opacity: number) => string;
 export declare const adjustLightness: (color: string, percentage: number) => string;
 export declare const getDeviceTier: () => "low" | "medium" | "high";
-export declare const createCtx: <T>() => readonly [React.Provider<T>, () => T];
+export declare const createCtx: <T>() => readonly [React.Provider<T | null>, () => T];
 export declare const createUseContext: <T>(context: React.Context<T | null>) => T;

package/build/contexts/alert/components/Alert/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const react_native_1 = require("react-native");
-const app_1 = require("../../../app");
+const app_1 = require("../../../app/index.js");
 const colors_json_1 = __importDefault(require("../../../../constants/colors.json"));
 const provider_1 = require("../../context/provider");
 const Button_1 = __importDefault(require("../Button"));
@@ -13,21 +13,21 @@ exports.default = (0, react_1.memo)(({ title, message, buttons = [{ text: 'Acept
     const { showAlert } = (0, provider_1.useAlert)();
     const { colorScheme } = (0, app_1.useApp)();
     const schemeColors = colors_json_1.default['scheme'][colorScheme];
-    return (<react_native_1.Pressable style={styles.container} onPress={() => showAlert()}>
+    return (<react_native_1.Pressable style={styles.container} onPress={() => showAlert()}>
             <react_native_1.Pressable style={[
             styles.content,
             {
                 backgroundColor: schemeColors.secondarySystemGroupedBackground,
                 borderColor: colorScheme === 'dark' ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)',
             }
-        ]}>
-                <react_native_1.View style={styles.contentTexts}>
+        ]}>
+                <react_native_1.View style={styles.contentTexts}>
                     {title && (<react_native_1.Text style={[
                 styles.title,
                 { color: schemeColors.label }
-            ]}>
-                            {title}
-                        </react_native_1.Text>)}
+            ]}>
+                            {title}
+                        </react_native_1.Text>)}
                     {message && (<react_native_1.Text style={[
                 styles.message,
                 !title ? {
@@ -35,15 +35,15 @@ exports.default = (0, react_1.memo)(({ title, message, buttons = [{ text: 'Acept
                 } : {
                     color: schemeColors.secondaryLabel
                 }
-            ]}>
-                            {message}
-                        </react_native_1.Text>)}
-                </react_native_1.View>
-
-                <react_native_1.View style={[styles.buttons, buttons.length > 2 && { flexDirection: 'column' }]}>
-                    {buttons.map((props) => (<Button_1.default key={props.text} {...props}/>))}
-                </react_native_1.View>
-            </react_native_1.Pressable>
+            ]}>
+                            {message}
+                        </react_native_1.Text>)}
+                </react_native_1.View>
+
+                <react_native_1.View style={[styles.buttons, buttons.length > 2 && { flexDirection: 'column' }]}>
+                    {buttons.map((props) => (<Button_1.default key={props.text} {...props}/>))}
+                </react_native_1.View>
+            </react_native_1.Pressable>
         </react_native_1.Pressable>);
 });
 const styles = react_native_1.StyleSheet.create({

package/build/contexts/alert/components/Button/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const react_native_1 = require("react-native");
-const app_1 = require("../../../app");
+const app_1 = require("../../../app/index.js");
 const colors_json_1 = __importDefault(require("../../../../constants/colors.json"));
 const provider_1 = require("../../context/provider");
 exports.default = (0, react_1.memo)(({ text, onPress, isPreferred, style, }) => {
@@ -26,15 +26,15 @@ exports.default = (0, react_1.memo)(({ text, onPress, isPreferred, style, }) =>
             {
                 backgroundColor: backgroundColor,
             },
-        ]}>
+        ]}>
             <react_native_1.Text style={[
             styles.text,
             {
                 color: textColor,
             },
-        ]}>
-                {text}
-            </react_native_1.Text>
+        ]}>
+                {text}
+            </react_native_1.Text>
         </react_native_1.Pressable>);
 });
 const styles = react_native_1.StyleSheet.create({

package/build/contexts/alert/components/Provider/index.ios.js

@@ -6,7 +6,7 @@ const provider_1 = require("../../context/provider");
 exports.default = (0, react_1.memo)(({ children }) => {
     const showAlert = ({ title, message, buttons }) => react_native_1.Alert.alert(title ?? '', message, buttons);
     const value = (0, react_1.useMemo)(() => ({ showAlert }), []);
-    return (<provider_1.Provider value={value}>
-            {children}
+    return (<provider_1.Provider value={value}>
+            {children}
         </provider_1.Provider>);
 });

package/build/contexts/alert/components/Provider/index.js

@@ -10,8 +10,8 @@ exports.default = (0, react_1.memo)(({ children }) => {
     const [alert, setAlert] = (0, react_1.useState)();
     const showAlert = (props) => setAlert(props);
     const value = (0, react_1.useMemo)(() => ({ showAlert }), []);
-    return (<provider_1.Provider value={value}>
-            {alert && <Alert_1.default {...alert}/>}
-            {children}
+    return (<provider_1.Provider value={value}>
+            {alert && <Alert_1.default {...alert}/>}
+            {children}
         </provider_1.Provider>);
 });

package/build/contexts/alert/context/provider.d.ts

@@ -1,6 +1,6 @@
 import AlertProps from "../components/Alert/types";
 export declare const Provider: import("react").Provider<{
     showAlert(props?: AlertProps): void;
-}>, useAlert: () => {
+} | null>, useAlert: () => {
     showAlert(props?: AlertProps): void;
 };

package/build/contexts/alert/context/provider.js

@@ -2,5 +2,5 @@
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAlert = exports.Provider = void 0;
-const constants_1 = require("../../../constants");
+const constants_1 = require("../../../constants/index.js");
 _a = (0, constants_1.createCtx)(), exports.Provider = _a[0], exports.useAlert = _a[1];

package/build/contexts/app/context.d.ts

@@ -1,6 +1,6 @@
 import { WrapperProps } from './src/Wrapper';
 import { AppContext } from './types';
 import './src/styles.css';
-export declare const Provider: import("react").Provider<AppContext>, useApp: () => AppContext;
+export declare const Provider: import("react").Provider<AppContext | null>, useApp: () => AppContext;
 declare const _default: import("react").MemoExoticComponent<({ children, ...props }: WrapperProps) => import("react").JSX.Element>;
 export default _default;

package/build/contexts/app/context.js

@@ -9,9 +9,9 @@ const react_1 = require("react");
 const react_native_1 = require("react-native");
 const react_native_safe_area_context_1 = require("react-native-safe-area-context");
 const expo_router_1 = require("expo-router");
-const constants_1 = require("../../constants");
-const router_1 = __importDefault(require("../router"));
-const pathname_1 = __importDefault(require("../pathname"));
+const constants_1 = require("../../constants/index.js");
+const router_1 = __importDefault(require("../router/index.js"));
+const pathname_1 = __importDefault(require("../pathname.js"));
 const Wrapper_1 = __importDefault(require("./src/Wrapper"));
 require("./src/styles.css");
 _a = (0, constants_1.createCtx)(), exports.Provider = _a[0], exports.useApp = _a[1];
@@ -19,17 +19,17 @@ exports.default = (0, react_1.memo)(({ children, ...props }) => {
     const colorScheme = (0, react_native_1.useColorScheme)();
     const { fontScale } = (0, react_native_1.useWindowDimensions)();
     const value = (0, react_1.useMemo)(() => ({ colorScheme, fontScale }), [colorScheme, fontScale]);
-    return (<pathname_1.default>
-            <router_1.default>
-                <react_native_safe_area_context_1.SafeAreaProvider>
-                    <expo_router_1.ThemeProvider value={colorScheme === 'dark' ? expo_router_1.DarkTheme : expo_router_1.DefaultTheme}>
-                        <exports.Provider value={value}>
-                            <Wrapper_1.default {...props}>
-                                {children}
-                            </Wrapper_1.default>
-                        </exports.Provider>
-                    </expo_router_1.ThemeProvider>
-                </react_native_safe_area_context_1.SafeAreaProvider>
-            </router_1.default>
+    return (<pathname_1.default>
+            <router_1.default>
+                <react_native_safe_area_context_1.SafeAreaProvider>
+                    <expo_router_1.ThemeProvider value={colorScheme === 'dark' ? expo_router_1.DarkTheme : expo_router_1.DefaultTheme}>
+                        <exports.Provider value={value}>
+                            <Wrapper_1.default {...props}>
+                                {children}
+                            </Wrapper_1.default>
+                        </exports.Provider>
+                    </expo_router_1.ThemeProvider>
+                </react_native_safe_area_context_1.SafeAreaProvider>
+            </router_1.default>
         </pathname_1.default>);
 });

package/build/contexts/app/index.d.ts

@@ -2,8 +2,8 @@ import Provider from './context';
 import Head from './src/Head';
 import Loading from './src/Loading';
 export { useApp } from './context';
-export { useRouter } from '../router';
-export { useAlert } from '../alert';
+export { useRouter } from '../router/index.js';
+export { useAlert } from '../alert/index.js';
 export { WrapperProps as AppProps } from './src/Wrapper';
 export type { AppContext } from './types';
 type Component = typeof Provider & {

package/build/contexts/app/index.js

@@ -9,9 +9,9 @@ const Head_1 = __importDefault(require("./src/Head"));
 const Loading_1 = __importDefault(require("./src/Loading"));
 var context_2 = require("./context");
 Object.defineProperty(exports, "useApp", { enumerable: true, get: function () { return context_2.useApp; } });
-var router_1 = require("../router");
+var router_1 = require("../router/index.js");
 Object.defineProperty(exports, "useRouter", { enumerable: true, get: function () { return router_1.useRouter; } });
-var alert_1 = require("../alert");
+var alert_1 = require("../alert/index.js");
 Object.defineProperty(exports, "useAlert", { enumerable: true, get: function () { return alert_1.useAlert; } });
 const App = context_1.default;
 App.Head = Head_1.default;

package/build/contexts/app/src/Head/index.d.ts

@@ -1,3 +1,3 @@
 import Props from './types';
-declare const _default: (props: Props) => any;
+declare const _default: (props: Props) => null;
 export default _default;

package/build/contexts/app/src/Head/index.web.js

@@ -13,17 +13,17 @@ exports.default = (0, react_1.memo)(({ title = 'Pytech UI', description, ogDescr
         if (react_native_1.Platform.OS === 'web')
             document.title = title;
     }, [pathname, title]);
-    return (<head_1.default>
-			<title>{title}</title>
-			<meta name="description" content={description}/>
-			<meta property="og:type" content="website"/>
-			<meta property="og:title" content={title}/>
-			<meta property="og:description" content={ogDescription ?? description}/>
-			<meta property="og:url" content={siteUrl}/>
-			<meta property="og:image" content={ogImage}/>
-			<meta name="twitter:card" content="summary_large_image"/>
-			<meta name="twitter:title" content={title}/>
-			<meta name="twitter:description" content={ogDescription ?? description}/>
-			<meta name="twitter:image" content={ogImage}/>
+    return (<head_1.default>
+			<title>{title}</title>
+			<meta name="description" content={description}/>
+			<meta property="og:type" content="website"/>
+			<meta property="og:title" content={title}/>
+			<meta property="og:description" content={ogDescription ?? description}/>
+			<meta property="og:url" content={siteUrl}/>
+			<meta property="og:image" content={ogImage}/>
+			<meta name="twitter:card" content="summary_large_image"/>
+			<meta name="twitter:title" content={title}/>
+			<meta name="twitter:description" content={ogDescription ?? description}/>
+			<meta name="twitter:image" content={ogImage}/>
 		</head_1.default>);
 });

package/build/contexts/app/src/Wrapper/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import Props from './types';
 export { Props as WrapperProps };
-declare const _default: React.MemoExoticComponent<({ children, getSession, onLoadingRealsed }: Props) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>> | React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ children, getSession, onLoadingRealsed }: Props) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined>;
 export default _default;

package/build/contexts/app/src/Wrapper/index.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const universal_1 = require("../../../../universal");
-const constants_1 = require("../../../../constants");
+const universal_1 = require("../../../../universal/index.js");
+const constants_1 = require("../../../../constants/index.js");
 const Loading_1 = __importDefault(require("../Loading"));
 exports.default = (0, react_1.memo)(({ children, getSession, onLoadingRealsed }) => {
     const getSlots = (0, react_1.useCallback)(() => {