pytech-ui 1.0.21 → 1.0.23

package/android/.gradle/buildOutputCleanup/cache.properties

@@ -0,0 +1,2 @@
+#Mon Sep 14 18:01:28 ART 2026
+gradle.version=8.9

package/android/.gradle/nb-cache/trust/8732A504261C070E1F639E78DF65F8E6DC6FFC865B3D7178A7609BB57105805F

@@ -0,0 +1 @@
+277F12787C3C06CBD298FA21C831738A44C655A9122E1F7A1727D9220740B05B

package/android/build.gradle

@@ -0,0 +1,47 @@
+buildscript {
+  repositories {
+    mavenCentral()
+  }
+  dependencies {
+    classpath("org.jetbrains.kotlin.plugin.compose:org.jetbrains.kotlin.plugin.compose.gradle.plugin:${kotlinVersion}")
+  }
+}
+
+plugins {
+  id 'com.android.library'
+  id 'expo-module-gradle-plugin'
+}
+apply plugin: 'org.jetbrains.kotlin.plugin.compose'
+
+group = 'expo.modules.myui'
+version = '0.1.0'
+
+android {
+  namespace "expo.modules.myui"
+  defaultConfig {
+    versionCode 1
+    versionName "0.1.0"
+  }
+  buildFeatures {
+    compose true
+  }
+  lintOptions {
+    abortOnError false
+  }
+}
+
+dependencies {
+  implementation 'androidx.activity:activity-compose:1.10.1'
+  implementation 'androidx.compose.foundation:foundation-android:1.10.6'
+  implementation 'androidx.compose.ui:ui-android:1.10.6'
+  implementation 'androidx.compose.material3:material3-android:1.5.0-alpha17'
+  if (findProject(':expo-ui') != null) {
+    implementation project(':expo-ui')
+  } else {
+    implementation 'expo.modules.ui:expo.modules.ui:+'
+  }
+
+  implementation 'androidx.compose.material:material-icons-extended:1.7.8'
+  implementation 'com.squareup.okhttp3:okhttp:4.11.0'
+  implementation 'org.jetbrains.kotlin:kotlin-reflect'
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest>
+</manifest>

package/android/src/main/java/expo/modules/myui/Dialog.kt

@@ -0,0 +1,39 @@
+package expo.modules.myui
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.window.Dialog
+import androidx.compose.ui.window.DialogProperties
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.kotlin.views.OptimizedComposeProps
+import expo.modules.ui.ExpoDialogProperties
+import java.io.Serializable
+
+data class DialogDismissEvent(
+	@Field val dismissed: Boolean = true,
+) : Record, Serializable
+
+@OptimizedComposeProps
+data class DialogProps(
+	val properties: ExpoDialogProperties = ExpoDialogProperties(),
+) : ComposeProps
+
+@Composable
+internal fun FunctionalComposableScope.DialogContent(
+	props: DialogProps,
+	onDismissRequest: () -> Unit,
+) {
+	Dialog(
+		onDismissRequest = onDismissRequest,
+		properties = DialogProperties(
+			dismissOnBackPress = props.properties.dismissOnBackPress,
+			dismissOnClickOutside = props.properties.dismissOnClickOutside,
+			usePlatformDefaultWidth = props.properties.usePlatformDefaultWidth,
+			decorFitsSystemWindows = props.properties.decorFitsSystemWindows,
+		),
+	) {
+		Children()
+	}
+}

package/android/src/main/java/expo/modules/myui/ForEach/ForEachRecords.kt

@@ -0,0 +1,23 @@
+package expo.modules.myui.foreach
+
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.OptimizedComposeProps
+import expo.modules.myui.ListItem.ListItemDataRecord
+import expo.modules.ui.ModifierList
+import java.io.Serializable
+
+data class ForEachItemPressEvent(
+  @Field val id: String = "",
+) : Record, Serializable
+
+@OptimizedComposeProps
+data class ForEachProps(
+  val data: List<ListItemDataRecord> = emptyList(),
+  val contentPaddingStart: Double = 16.0,
+  val contentPaddingEnd: Double = 16.0,
+  val contentPaddingTop: Double = 0.0,
+  val contentPaddingBottom: Double = 0.0,
+  val modifiers: ModifierList = emptyList(),
+) : ComposeProps

package/android/src/main/java/expo/modules/myui/ForEach/index.kt

@@ -0,0 +1,82 @@
+package expo.modules.myui.foreach
+
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.itemsIndexed
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.unit.dp
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.myui.ListItem.ListItemFromData
+import expo.modules.myui.ListItem.toListItemProps
+import expo.modules.myui.findChildBySlotName
+import expo.modules.myui.theme.tokens.ShapeTokens
+import expo.modules.ui.ModifierRegistry
+
+@Composable
+fun FunctionalComposableScope.ForEachContent(
+  props: ForEachProps,
+  onItemPress: (String) -> Unit,
+) {
+  val headerSlot = findChildBySlotName("header")
+  val footerSlot = findChildBySlotName("footer")
+  val horizontalInset = props.contentPaddingStart.dp
+
+  LazyColumn(
+    modifier = ModifierRegistry.applyModifiers(
+      props.modifiers,
+      appContext,
+      composableScope,
+      globalEventDispatcher,
+    )
+      .fillMaxWidth()
+      .padding(horizontal = horizontalInset)
+      .clip(RoundedCornerShape(ShapeTokens.CornerValueExtraLarge)),
+    contentPadding = PaddingValues(
+      top = props.contentPaddingTop.dp,
+      bottom = props.contentPaddingBottom.dp,
+    ),
+  ) {
+    headerSlot?.let { slot ->
+      item(key = "__foreach_header__") {
+        with(composableScope) {
+          with(slot) {
+            Content()
+          }
+        }
+      }
+    }
+
+    if (props.data.isNotEmpty()) {
+      itemsIndexed(
+        items = props.data,
+        key = { _, item -> item.id },
+      ) { index, item ->
+        ListItemFromData(
+          
+          props = item.listItemProps.toListItemProps(
+            isFirst = index == 0,
+            isLast = index == props.data.lastIndex,
+          ),
+          
+          content = item.content,
+          onPress = { onItemPress(item.id) },
+        )
+      }
+    }
+
+    footerSlot?.let { slot ->
+      item(key = "__foreach_footer__") {
+        with(composableScope) {
+          with(slot) {
+            Content()
+          }
+        }
+      }
+    }
+  }
+}

package/android/src/main/java/expo/modules/myui/Gradient/GradientView.kt

@@ -0,0 +1,124 @@
+package expo.modules.myui.gradient
+
+import android.graphics.Color
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color as ComposeColor
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.myui.components.Icon.parseIconSource
+import expo.modules.myui.getModifier
+import expo.modules.myui.theme.ExtendedTheme
+import expo.modules.ui.ModifierList
+import expo.modules.ui.compose
+
+data class GradientPaletteRecord(
+	@Field val light: Color? = null,
+	@Field val dark: Color? = null,
+) : Record
+
+data class GradientProps(
+	val text: String? = null,
+	val fontSize: Double? = null,
+	val size: Double? = null,
+	val colors: GradientPaletteRecord? = null,
+	val source: String? = null,
+	val iconSize: Double? = null,
+	val modifiers: ModifierList = emptyList(),
+) : ComposeProps
+
+@Composable
+internal fun FunctionalComposableScope.GradientViewContent(props: GradientProps) {
+	GradientCircle(
+		modifier = getModifier(props.modifiers),
+		text = props.text,
+		fontSize = props.fontSize?.toFloat(),
+		sizeDp = props.size?.toFloat(),
+		lightColor = props.colors?.light?.compose,
+		darkColor = props.colors?.dark?.compose,
+		source = props.source,
+		iconSize = props.iconSize?.toFloat(),
+	)
+}
+
+@Composable
+internal fun GradientCircle(
+	modifier: Modifier = Modifier,
+	text: String? = null,
+	fontSize: Float? = null,
+	sizeDp: Float? = null,
+	lightColor: ComposeColor? = null,
+	darkColor: ComposeColor? = null,
+	source: String? = null,
+	iconSize: Float? = null,
+) {
+	val diameter = sizeDp?.dp ?: return
+	val gradientColors = resolveGradientColors(lightColor, darkColor)
+
+	Box(
+		modifier = modifier
+			.size(diameter)
+			.clip(RoundedCornerShape(percent = 50)),
+		contentAlignment = Alignment.Center,
+	) {
+		Box(
+			modifier = Modifier
+				.matchParentSize()
+				.background(Brush.verticalGradient(gradientColors)),
+		)
+		when {
+			!text.isNullOrBlank() -> {
+				Text(
+					text = text,
+					color = ComposeColor.White,
+					fontWeight = FontWeight.Bold,
+					letterSpacing = (-0.5).sp,
+					fontSize = (fontSize ?: 24f).sp,
+				)
+			}
+			!source.isNullOrBlank() -> {
+				parseIconSource(source)?.let { imageVector ->
+					Icon(
+						imageVector = imageVector,
+						contentDescription = null,
+						tint = ComposeColor.White,
+						modifier = Modifier.size(iconSizeDp(iconSize, diameter)),
+					)
+				}
+			}
+		}
+	}
+}
+
+private fun iconSizeDp(iconSize: Float?, diameter: Dp): Dp {
+	return (iconSize ?: (diameter.value / 2f)).dp
+}
+
+@Composable
+private fun resolveGradientColors(
+	light: ComposeColor?,
+	dark: ComposeColor?,
+): List<ComposeColor> = when {
+	light != null && dark != null -> listOf(light, dark)
+	light != null -> listOf(light, light)
+	dark != null -> listOf(dark, dark)
+	else -> listOf(
+		ExtendedTheme.colorScheme.link.copy(alpha = 0.85f),
+		ExtendedTheme.colorScheme.link,
+	)
+}

package/android/src/main/java/expo/modules/myui/Icon/index.kt

@@ -0,0 +1,36 @@
+package expo.modules.myui
+
+import android.graphics.Color
+import androidx.compose.material3.Icon
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.myui.components.Icon.parseIconSource
+import expo.modules.ui.ModifierList
+import expo.modules.ui.compose
+import androidx.compose.material3.MaterialTheme
+
+
+/**
+ * Props del icono. `View("IconView")` usa [kotlin.reflect.full.createInstance]: todos los
+ * parámetros del constructor primario deben tener valor por defecto.
+ */
+data class IconProps(
+	val source: String? = null,
+	val contentDescription: String? = null,
+	val tint: Color? = null,
+	val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@Composable
+internal fun FunctionalComposableScope.IconViewContent(props: IconProps) {
+	val imageVector = parseIconSource(props.source) ?: return
+	Icon(
+		imageVector = imageVector,
+		contentDescription = props.contentDescription,
+		tint = props.tint?.compose ?: LocalContentColor.current,
+		modifier = getModifier(props.modifiers),
+	)
+}

package/android/src/main/java/expo/modules/myui/Icon/utils.kt

@@ -0,0 +1,43 @@
+package expo.modules.myui.components.Icon
+
+import androidx.compose.material.icons.Icons
+import androidx.compose.ui.graphics.vector.ImageVector
+
+private fun getMaterialIconByName(name: String, theme: String = "Filled"): ImageVector? {
+    return try {
+        val (packagePath, themeInstance) = when (theme.lowercase()) {
+            "filled", "default"               -> "filled"    to Icons.Filled
+            "outlined"                        -> "outlined"  to Icons.Outlined
+            "rounded"                         -> "rounded"   to Icons.Rounded
+            "twotone", "two_tone", "two-tone" -> "twotone"   to Icons.TwoTone
+            "sharp"                           -> "sharp"     to Icons.Sharp
+            else                              -> "filled"    to Icons.Filled
+        }
+
+        val className = "androidx.compose.material.icons.${packagePath}.${name}Kt"
+        val cl = Class.forName(className)
+        val method = cl.declaredMethods.first()
+        method.invoke(null, themeInstance) as ImageVector
+    } catch (e: Exception) {
+        null
+    }
+}
+
+fun parseIconSource(source: String?): ImageVector? {
+    if (source.isNullOrBlank()) return null
+
+    // Quita el prefijo "Icons." si viene
+    val withoutPrefix = if (source.startsWith("Icons.")) source.removePrefix("Icons.") else source
+    // withoutPrefix puede ser: "Filled.Favorite"
+
+    val parts = withoutPrefix.split(".")
+    return when {
+        parts.size >= 2 -> {
+            // "Filled.Favorite"
+            val theme = parts[0]                    // "Filled"
+            val name  = parts.drop(1).joinToString("") // "Favorite"
+            getMaterialIconByName(name, theme)
+        }
+        else -> null
+    }
+}

package/android/src/main/java/expo/modules/myui/ListItem/Data/ListItemDataRecords.kt

@@ -0,0 +1,84 @@
+package expo.modules.myui.ListItem
+
+import android.graphics.Color
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.myui.gradient.GradientPaletteRecord
+import expo.modules.ui.ModifierList
+import expo.modules.ui.TextAlignType
+import expo.modules.ui.TextDecorationType
+import expo.modules.ui.TextFontStyle
+import expo.modules.ui.TextFontWeight
+import expo.modules.ui.TextOverflowType
+
+/** Props serializables de un slot según su [ListItemSlotContentRecord.type]. */
+data class ListItemSlotPropsRecord(
+	// Text
+	@Field val text: String? = null,
+	@Field val color: Color? = null,
+	@Field val fontSize: Float? = null,
+	@Field val fontWeight: TextFontWeight? = null,
+	@Field val fontStyle: TextFontStyle? = null,
+	@Field val fontFamily: String? = null,
+	@Field val textDecoration: TextDecorationType? = null,
+	@Field val letterSpacing: Float? = null,
+	@Field val lineHeight: Float? = null,
+	@Field val textAlign: TextAlignType? = null,
+	@Field val overflow: TextOverflowType? = null,
+	@Field val maxLines: Int? = null,
+	// Icon
+	@Field val source: String? = null,
+	@Field val contentDescription: String? = null,
+	@Field val tint: Color? = null,
+	// Gradient
+	@Field val size: Double? = null,
+	@Field val colors: GradientPaletteRecord? = null,
+	@Field val iconSize: Double? = null,
+	@Field val modifiers: ModifierList = emptyList(),
+) : Record
+
+data class ListItemSlotContentRecord(
+	@Field val type: String = "text",
+	@Field val props: ListItemSlotPropsRecord? = null,
+) : Record
+
+/** Slots serializables de la fila. */
+data class ListItemContentRecord(
+	@Field val leadingContent: ListItemSlotContentRecord? = null,
+	@Field val headlineContent: ListItemSlotContentRecord? = null,
+	@Field val trailingContent: ListItemSlotContentRecord? = null,
+	@Field val overlineContent: ListItemSlotContentRecord? = null,
+	@Field val supportingContent: ListItemSlotContentRecord? = null,
+) : Record
+
+/** Misma forma que [ListItemProps], serializable para el bridge. */
+data class ListItemPropsRecord(
+	@Field val showDivider: Boolean = true,
+	@Field val isFirst: Boolean? = null,
+	@Field val isLast: Boolean? = null,
+	@Field val hasNavigationLink: Boolean? = null,
+	@Field val tonalElevation: Float? = null,
+	@Field val shadowElevation: Float? = null,
+	@Field val colors: ListItemColorsRecord? = null,
+	@Field val modifiers: ModifierList = emptyList(),
+) : Record
+
+data class ListItemDataRecord(
+	@Field val id: String = "",
+	@Field val content: ListItemContentRecord = ListItemContentRecord(),
+	@Field val listItemProps: ListItemPropsRecord = ListItemPropsRecord(),
+) : Record
+
+internal fun ListItemPropsRecord.toListItemProps(
+	isFirst: Boolean,
+	isLast: Boolean,
+) = ListItemProps(
+	showDivider = showDivider,
+	isFirst = isFirst,
+	isLast = isLast,
+	hasNavigationLink = hasNavigationLink,
+	tonalElevation = tonalElevation,
+	shadowElevation = shadowElevation,
+	colors = colors,
+	modifiers = modifiers,
+)

package/android/src/main/java/expo/modules/myui/ListItem/Data/ListItemFromData.kt

@@ -0,0 +1,127 @@
+package expo.modules.myui.ListItem
+
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.myui.TypographySlot.Typographies
+import expo.modules.myui.gradient.GradientCircle
+import expo.modules.myui.components.Icon.parseIconSource
+import expo.modules.myui.getModifier
+import expo.modules.myui.theme.ExtendedTheme
+import expo.modules.myui.theme.tokens.ListTokens
+import expo.modules.ui.TextOverflowType
+import expo.modules.ui.compose
+
+@Composable
+internal fun FunctionalComposableScope.ListItemFromData(
+	props: ListItemProps,
+	content: ListItemContentRecord,
+	onPress: (() -> Unit)?,
+) {
+	val isFirst = props.isFirst ?: true
+	val isLast = props.isLast ?: true
+	val pressModifier = if (onPress != null) Modifier.clickable(onClick = onPress) else Modifier
+
+	Decorator(
+		isFirst = isFirst,
+		isLast = isLast,
+		showDivider = props.showDivider,
+		modifier = getModifier(props.modifiers).then(pressModifier),
+	) { innerProps ->
+		ListItemDynamic(
+			props = props,
+			modifier = Modifier.fillMaxWidth(),
+			innerProps = innerProps,
+			leadingContent = content.leadingContent?.let { slot ->
+				{ RenderSlotContent("leadingcontent", slot) }
+			},
+			overlineContent = content.overlineContent?.let { slot ->
+				{ RenderSlotContent("overlinecontent", slot) }
+			},
+			supportingContent = content.supportingContent?.let { slot ->
+				{ RenderSlotContent("supportingcontent", slot) }
+			},
+			headlineContent = content.headlineContent?.let { slot ->
+				{ RenderSlotContent("headlinecontent", slot) }
+			},
+			trailingContent = content.trailingContent?.let { slot ->
+				{ RenderSlotContent("trailingcontent", slot) }
+			},
+		)
+	}
+}
+
+@Composable
+private fun FunctionalComposableScope.RenderSlotContent(
+	slotName: String,
+	content: ListItemSlotContentRecord,
+) {
+	val slotProps = content.props ?: return
+
+	when (content.type) {
+		"gradient" -> GradientSlotContent(slotProps)
+		"icon" -> IconSlotContent(slotProps)
+		else -> TextSlotContent(slotName, slotProps)
+	}
+}
+
+@Composable
+private fun FunctionalComposableScope.IconSlotContent(props: ListItemSlotPropsRecord) {
+	val imageVector = parseIconSource(props.source) ?: return
+	val sizeModifier = props.size?.toFloat()?.dp?.let { Modifier.size(it) }
+		?: Modifier.size(ListTokens.ItemLeadingIconSize)
+
+	Icon(
+		imageVector = imageVector,
+		contentDescription = props.contentDescription,
+		tint = props.tint?.compose ?: ExtendedTheme.colorScheme.link,
+		modifier = getModifier(props.modifiers).then(sizeModifier),
+	)
+}
+
+@Composable
+private fun GradientSlotContent(props: ListItemSlotPropsRecord) {
+	GradientCircle(
+		text = props.text,
+		fontSize = props.fontSize,
+		sizeDp = props.size?.toFloat(),
+		lightColor = props.colors?.light?.compose,
+		darkColor = props.colors?.dark?.compose,
+		source = props.source,
+		iconSize = props.iconSize?.toFloat(),
+	)
+}
+
+@Composable
+private fun FunctionalComposableScope.TextSlotContent(
+	slotName: String,
+	props: ListItemSlotPropsRecord,
+) {
+	val text = props.text ?: return
+	val spec = Typographies.specs[slotName.lowercase()]
+
+	Text(
+		text = text,
+		modifier = getModifier(props.modifiers).then(
+			if (slotName == "headlinecontent") Modifier.fillMaxWidth() else Modifier
+		),
+		maxLines = props.maxLines ?: spec?.maxLines ?: Int.MAX_VALUE,
+		overflow = props.overflow?.toComposeTextOverflow()
+			?: spec?.overflow?.toComposeTextOverflow()
+			?: TextOverflow.Clip,
+	)
+}
+
+private fun String.toComposeTextOverflow(): TextOverflow? = when (lowercase()) {
+	"clip" -> TextOverflow.Clip
+	"ellipsis" -> TextOverflow.Ellipsis
+	"visible" -> TextOverflow.Visible
+	else -> null
+}