@towsila/expo-ui-library 3.3.12 → 3.3.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@towsila/expo-ui-library",
-  "version": "3.3.12",
+  "version": "3.3.14",
   "description": "",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/reusable/templateSubPage.tsx

@@ -1,4 +1,4 @@
-import { View, ScrollView } from "react-native";
+import { View, ScrollView, KeyboardAvoidingView, Platform  } from "react-native";
 import PageTopBar from "../ui/PageTopBar";
 import { useAppTheme } from "../../context/ThemeContext";
 import ErrorMessage from "../ui/error";
@@ -29,6 +29,11 @@ export default function TemplateSubPage({
   const { colors } = useAppTheme();
 
   return (
+    <KeyboardAvoidingView
+      style={{ flex: 1 }}
+      behavior={Platform.OS === "ios" ? "padding" : "height"}
+      keyboardVerticalOffset={Platform.OS === "ios" ? 0 : 20}
+    >
     <View style={{
       flex: 1,
       paddingBottom: 60,
@@ -40,7 +45,6 @@ export default function TemplateSubPage({
         style={{ flex: 1 }}
         showsVerticalScrollIndicator={false}
         contentContainerStyle={{ flexGrow: 1 }}
-        keyboardShouldPersistTaps="handled"
       >
         <View style={{ flex: 1, gap: 20, marginTop: 20 }}>
           {error && (
@@ -62,5 +66,6 @@ export default function TemplateSubPage({
         )}
       
     </View>
+    </KeyboardAvoidingView>
   );
 }

package/src/components/screens/resetPassword.tsx

@@ -74,13 +74,13 @@ export default function ResetPasswordScreen({
           onClearError={() => form.clearError("oldPassword")}
         />
       )}
-      <SharpInput
+      <Input
         label={passwordLabel}
         value={form.password}
         onChangeText={form.setPassword}
         placeholder={passwordPlaceholder}
-        iconLeft={(color) => <LockClosed width={18} height={18} color={color}/>}
-        iconRight={form.showPassword ? (color)=><EyeOff width={18} height={18} color={color}/> : (color)=><Eye width={18} height={18} color={color}/>}
+        iconLeft={"lock-closed-outline"}
+        iconRight={form.showPassword ? "eye-off-outline" : "eye-outline"}
         onPressIconRight={() => form.setShowPassword(!form.showPassword)}
         secureTextEntry={!form.showPassword}
         textContentType="password"
@@ -96,13 +96,13 @@ export default function ResetPasswordScreen({
       />
       )}
       
-      <SharpInput
+      <Input
         label={confirmPasswordLabel}
         value={form.confirmPassword}
         onChangeText={form.setConfirmPassword}
         placeholder={confirmPasswordPlaceholder}
-        iconLeft={(color) => <LockClosed width={18} height={18} color={color}/>}
-        iconRight={form.showConfirmPassword ? (color)=><EyeOff width={18} height={18} color={color}/> : (color)=><Eye width={18} height={18} color={color}/>}
+        iconLeft={"lock-closed-outline"}
+        iconRight={form.showConfirmPassword ? "eye-off-outline" : "eye-outline"}
         onPressIconRight={() => form.setShowConfirmPassword(!form.showConfirmPassword)}
         secureTextEntry={!form.showConfirmPassword}
         textContentType="password"

package/src/components/ui/PageTopBar.tsx

@@ -29,7 +29,7 @@ export default function ScreenHeader({title, description, onBack}:PageProps){
                 </Text>
             </View>
             <Text
-                style={{fontSize: textSize.md, fontFamily: Fonts.montserrat.regular, color: colors.text.secondary, textAlign: isRTL ? "left" : "right" }}
+                style={{fontSize: textSize.md, fontFamily: Fonts.montserrat.regular, color: colors.text.secondary, textAlign: isRTL ? "left" : "right" , marginTop: 10}}
             >
                 {description}
             </Text>

package/src/components/ui/passwordRequirmentCard.tsx

@@ -31,6 +31,7 @@ const {isRTL} = useLanguage();
           fontFamily: Fonts.montserrat.semiBold,
           color: colors.text.primary,
           marginBottom: 4,
+          textAlign: isRTL?"left":"right"
         }}>
           {cardTitle}
         </Text>