ripal-ui 1.0.21 → 1.0.71

package/elements/Button.tsx

@@ -83,14 +83,19 @@ const Button: FC<ButtonProps> = ({
                 }
             ]}
         >
-            <Text
-                {...textProps}
-                color={accent === "primary" ? "#fff" : color}
-                style={styles.text}
-                weight='600SemiBold'
-            >
-                {children}
-            </Text>
+            {
+                typeof children === "string" ? 
+                <Text
+                    {...textProps}
+                    color={accent === "primary" ? "#fff" : color}
+                    style={styles.text}
+                    weight='600SemiBold'
+                >
+                    {children}
+                </Text>
+                :
+                children
+            }
         </TouchableOpacity>
     );
 };

package/elements/Inline.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Pressable, PressableProps, StyleSheet, ViewStyle } from "react-native";
+import { Pressable, PressableProps, StyleSheet, View, ViewStyle } from "react-native";
 
 interface InlineProps extends PressableProps {
 	children: React.ReactNode;
@@ -18,7 +18,7 @@ const Inline: React.FC<InlineProps> = ({
 	onPress,
 	onLayout,
 }) => {
-	return (
+	return onPress ? (
 		<Pressable
 			style={{
 				flexDirection: 'row',
@@ -32,7 +32,19 @@ const Inline: React.FC<InlineProps> = ({
 		>
 			{children}
 		</Pressable>
-	);
+	) : 
+	<View
+		style={{
+			flexDirection: 'row',
+			alignItems,
+			justifyContent,
+			gap,
+			...style,
+		}}
+		onLayout={onLayout}
+	>
+		{children}
+	</View>
 };
 
 export default Inline;

package/elements/Separator.tsx

@@ -34,7 +34,6 @@ const Separator: React.FC<SeparatorProps> = ({
 		});
 		toReturn = parseInt(toReturn.join(""));
 		theWidth = toReturn / 100 * Dimensions.get('screen').width;
-		console.log(theWidth);
 	}
 	return (
 		<Inline justifyContent="center">

package/elements/Switch.tsx

@@ -25,7 +25,6 @@ const Switch: React.FC<SwitchProps> = ({
 				if (onChange) {
 					onChange();
 				}
-				console.log('hehe');
 			}}
 		>
 			<Inline

package/elements/Text.tsx

@@ -1,7 +1,8 @@
-import React, { FC } from "react";
+import React, { FC, useEffect, useState } from "react";
 import { Text as RNText, TextStyle } from "react-native";
 import { useFonts, Poppins_300Light, Poppins_400Regular, Poppins_500Medium, Poppins_600SemiBold, Poppins_700Bold, Poppins_900Black } from "@expo-google-fonts/poppins";
 import config from "../config";
+import AsyncStorage from "@react-native-async-storage/async-storage";
 
 interface TextProps {
     children: React.ReactNode;
@@ -35,13 +36,24 @@ const Text: FC<TextProps> = ({
         Poppins_700Bold,
         Poppins_900Black
     });
+    const [lang, setLang] = useState(config.appLangs.default);
 
-    if (config.appLangs.default !== null) {
+    useEffect(() => {
+        AsyncStorage.getItem('app_lang').then(appLang => {
+            if (appLang != null) {
+                console.log('setting to ', appLang);
+                setLang(appLang);
+            }
+            console.log(appLang);
+        });
+    }, []);
+
+    if (lang !== null) {
         const ogChildren = children;
         if (typeof children === "string") {
             children = children.split('.').reduce((acc, key) => {
                 return acc && acc[key] !== undefined ? acc[key] : ogChildren;
-            }, config.appLangs[config.appLangs.default]);
+            }, config.appLangs[lang]);
         }
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ripal-ui",
-  "version": "1.0.21",
+  "version": "1.0.71",
   "description": "A collection of React elements and components",
   "main": "index.js",
   "scripts": {
@@ -8,8 +8,9 @@
     "postinstall": "node ./scripts/generateConfig.js"
   },
   "dependencies": {
-    "react": "^18.0.0",
-    "react-native": "^0.74.2"
+    "react": "18.3.1",
+    "react-native": "0.76.2",
+    "@react-native-async-storage/async-storage": "1.23.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.25.6",

package/scripts/generateConfig.js

@@ -1,6 +1,7 @@
 // ./scripts/generateConfig.js
 const fs = require('fs');
 const path = require('path');
+const { exec } = require('child_process');
 
 // Define the config file content
 const configContent = `const config = {