@towsila/expo-ui-library 2.0.1 → 2.1.1

package/package.json

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

package/src/components/screens/settingScreen.tsx

@@ -1,6 +1,6 @@
 import {Settings } from "../../types/settingsFields"
 import { useAppTheme } from "../../context/ThemeContext";
-import { Text, View, TouchableOpacity } from "react-native"
+import { Text, View, TouchableOpacity, I18nManager } from "react-native"
 import { textSize, Fonts } from "../../tokens/typography"
 import SharpButton from "../ui/sharpButton";
 import TemplatePage from "../reusable/templatePage";
@@ -67,7 +67,9 @@ export default function SettingsScreen({title, subtitle, onNavigate, deleteLabel
                     </Text>
                 </View>
 
-                <Arrow width={20} height={20} color={colors.primary} />
+                <Arrow width={20} height={20} color={colors.primary} style={[
+                      I18nManager.isRTL && { transform: [{ scaleX: -1 }] },
+                  ]}/>
                 </TouchableOpacity>
               </SharpContainer>
             ))}

package/src/components/ui/dynamicForm.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { ScrollView, Text, TouchableOpacity, View } from "react-native";
+import { I18nManager, ScrollView, Text, TouchableOpacity, View } from "react-native";
 import Input from "./input";
 import { Field } from "../../types/formFields";
 import { useAppTheme } from "../../context/ThemeContext";
@@ -111,7 +111,7 @@ export const DynamicForm: React.FC<Props> = ({
           <View style={{ flex: 1 }}>
           {currentStep > 0 && backLabel && (
             <TouchableOpacity onPress={goPrev} style={{ flexDirection: "row", alignItems: "center", justifyContent: "flex-start", gap: 6 }}>
-                <ArrowBack width={16} height={16} color={colors.text.secondary}/>
+                <ArrowBack width={16} height={16} color={colors.text.secondary} style={[I18nManager.isRTL && { transform: [{ scaleX: -1 }] },]}/>
                 <Text style={{ color: colors.text.secondary, fontFamily: Fonts.montserrat.semiBold, fontSize: textSize.sm }}>
                 {backLabel}
                 </Text>
@@ -145,7 +145,7 @@ export const DynamicForm: React.FC<Props> = ({
                 <Text style={{ color: colors.text.secondary, fontFamily: Fonts.montserrat.semiBold, fontSize: textSize.sm }}>
                 {nextLabel}
                 </Text>
-                <Arrow width={16} height={16} color={colors.text.secondary}/>
+                <Arrow width={16} height={16} color={colors.text.secondary} style={[I18nManager.isRTL && { transform: [{ scaleX: -1 }] },]}/>
             </TouchableOpacity>
             )}
           

package/src/components/ui/sharpDynamicForm.tsx

@@ -115,7 +115,7 @@ export const SharpDynamicForm: React.FC<Props> = ({
           <View style={{ flex: 1 }}>
           {currentStep > 0 && backLabel && (
             <TouchableOpacity onPress={goPrev} style={{ flexDirection: "row", alignItems: "center", justifyContent: "flex-start", gap: 6 }}>
-                <ArrowBack width={16} height={16} color={colors.text.secondary}/>
+                <ArrowBack width={16} height={16} color={colors.text.secondary} style={[I18nManager.isRTL && { transform: [{ scaleX: -1 }] },]}/>
                 <Text style={{ color: colors.text.secondary, fontFamily: Fonts.montserrat.semiBold, fontSize: textSize.sm }}>
                 {backLabel}
                 </Text>

package/src/hooks/useResetPasswordForm.ts

@@ -28,7 +28,7 @@ export function useResetPasswordForm({
       ...(includeOldPassword ? 
       [{ name: "oldPassword", type: "password", label: "Old Password" }] : []),
       { name: "password", type: "password", label: "Password" },
-      { name: "confirmPassword", type: "confirmPassword", label: "Confirm Password" },
+      { name: "confirmPassword", type: "password", label: "Confirm Password" },
     ];
 
     const formValues = {