@towsila/expo-ui-library 1.5.4 → 1.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@towsila/expo-ui-library",
-  "version": "1.5.4",
+  "version": "1.5.6",
   "description": "",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -26,7 +26,8 @@
     "react-native-keyboard-aware-scroll-view": "*",
     "react-native-reanimated": "*",
     "react-native-safe-area-context": "*",
-    "react-native-svg": "*"
+    "react-native-svg": "*",
+    "expo-font": "*"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -45,8 +46,7 @@
   "homepage": "https://gitlab.com/depanini/mobile/expo-ui-library#readme",
   "devDependencies": {
     "@types/react": "^19.2.17",
-    "@types/react-native": "^0.72.8",
-    "expo-location": "~17.0.0",
+    "react-native-svg": "^15.15.5",
     "typescript": "^6.0.3"
   },
   "dependencies": {

package/src/components/reusable/templatePage.tsx

@@ -1,4 +1,4 @@
-import { KeyboardAvoidingView, Platform, ScrollView, View, Text, Image } from "react-native";
+import { KeyboardAvoidingView, Platform, ScrollView, View, Text } from "react-native";
 import { Fonts, textSize } from "../../tokens/typography";
 import { useAppTheme } from "../../context/ThemeContext";
 import BgDark from "../../assets/images/bg_dark.svg";

package/src/components/reusable/templateSubPage.tsx

@@ -1,6 +1,5 @@
-import { View, Text, ScrollView } from "react-native";
+import { View, ScrollView } from "react-native";
 import PageTopBar from "../ui/PageTopBar";
-import Button from "../ui/button";
 import { useAppTheme } from "../../context/ThemeContext";
 import ErrorMessage from "../ui/error";
 import { textSize } from "../../tokens/typography";

package/src/components/screens/LegalScreen.tsx

@@ -1,5 +1,4 @@
-import { ScrollView, Text, StyleSheet, View } from "react-native";
-import { useState } from "react";
+import { Text, View } from "react-native";
 import { useAppTheme } from "../../context/ThemeContext";
 import { Fonts, textSize } from "../../tokens/typography";
 import TemplateSubPage from "../reusable/templateSubPage";

package/src/components/screens/VerificationCodeScreen.tsx

@@ -1,9 +1,8 @@
-import { useEffect, useState } from "react";
-import { Text, TouchableOpacity, View } from "react-native";
+import {  useState } from "react";
+import { Text, TouchableOpacity } from "react-native";
 import { useAppTheme } from "../../context/ThemeContext";
 import { textSize, Fonts} from "../../tokens/typography";
 import TemplateSubPage from "../reusable/templateSubPage";
-import OtpInput from "../ui/OTPInput";
 import { useCountdown } from "../../hooks/useCountdown";
 import SharpOtpInput from "../ui/sharpOtpInput";
 

package/src/components/screens/forgotPasswordScreen.tsx

@@ -1,5 +1,4 @@
 import TemplateSubPage from "../reusable/templateSubPage";
-import Input from "../ui/input";
 import "../../utils/inputValidator/customValidator";
 import { useForgotPasswordForm } from "../../hooks/useForgotPasswordForm";
 import SharpInput from "../ui/sharpInput";

package/src/components/screens/onBoarding.tsx

@@ -1,6 +1,5 @@
-import { Text, TouchableOpacity, View, StyleSheet, ImageSourcePropType, Image } from "react-native";
+import { Text, TouchableOpacity, View, StyleSheet } from "react-native";
 import PageIndicator from "../ui/pageIndicator";
-import Button from "../ui/button";
 import { useAppTheme } from "../../context/ThemeContext";
 import { Fonts, textSize } from "../../tokens/typography";
 import {Arrow} from "@towsila/icons";

package/src/components/screens/settingScreen.tsx

@@ -1,6 +1,6 @@
 import {Settings } from "../../types/settingsFields"
 import { useAppTheme } from "../../context/ThemeContext";
-import { Text, View, TouchableOpacity, ScrollView } from "react-native"
+import { Text, View, TouchableOpacity } from "react-native"
 import { textSize, Fonts } from "../../tokens/typography"
 import SharpButton from "../ui/sharpButton";
 import TemplatePage from "../reusable/templatePage";

package/src/components/screens/signUpScreen.tsx

@@ -1,12 +1,10 @@
 // import { useRouter } from "expo-router";
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 import TemplatePage from "../reusable/templatePage";
 import { Text, TouchableOpacity, View } from "react-native";
 import TermsPopup from "../ui/termsPopup";
 import { Fonts, textSize } from "../../tokens/typography";
 import { useAppTheme } from "../../context/ThemeContext";
-import Button from "../ui/button";
-import { DynamicForm } from "../ui/dynamicForm";
 import { Field } from "../../types/formFields";
 import { useFormSubmit } from "../../hooks/useSignup";
 import ErrorMessage from "../ui/error";

package/src/components/ui/button.tsx

@@ -1,4 +1,4 @@
-import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, TouchableOpacityProps, StyleProp, ViewStyle } from "react-native";
+import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, StyleProp, ViewStyle } from "react-native";
 import { Fonts, textSize } from "../../tokens/typography";
 type ButtonProps = {
   text: string;

package/src/components/ui/customPopup.tsx

@@ -1,7 +1,6 @@
 import { View, Text, StyleSheet, Modal, Animated, Dimensions, ViewStyle } from "react-native";
 import { useAppTheme } from "../../context/ThemeContext";
 import { textSize, Fonts } from "../../tokens/typography";
-import Button from "../ui/button";
 import { useEffect, useRef } from "react";
 import SharpButton from "./sharpButton";
 

package/src/components/ui/dynamicForm.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { Text, TouchableOpacity, View } from "react-native";
+import { ScrollView, Text, TouchableOpacity, View } from "react-native";
 import Input from "./input";
 import { Field } from "../../types/formFields";
 import { useAppTheme } from "../../context/ThemeContext";
@@ -87,7 +87,12 @@ export const DynamicForm: React.FC<Props> = ({
   );
 
   return (
-    <View style={{ gap: 4 }}>
+    <ScrollView 
+      contentContainerStyle={{ flexGrow: 1 }}
+      showsVerticalScrollIndicator={false}
+      bounces={false}
+    >
+    <View style={{ gap: 4, paddingBottom: 20 }}>
 
       {/* Stepper — only show if more than 1 step */}
       {totalSteps > 1 && (
@@ -137,5 +142,6 @@ export const DynamicForm: React.FC<Props> = ({
         </View>
       )}
     </View>
+    </ScrollView>
   );
 };

package/src/components/ui/sharpButton.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, View, LayoutChangeEvent, ViewStyle } from "react-native";
+import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, View, ViewStyle } from "react-native";
 import { Fonts, textSize } from "../../tokens/typography";
 import { useAppTheme } from "../../context/ThemeContext";
 import SharpContainer from "./sharpContainer"

package/src/components/ui/sharpDynamicForm.tsx

@@ -1,10 +1,8 @@
 import { useState } from "react";
-import { ScrollView, Text, TouchableOpacity, View } from "react-native";
-import Input from "./input";
+import { Text, TouchableOpacity, View } from "react-native";
 import { Field } from "../../types/formFields";
 import { useAppTheme } from "../../context/ThemeContext";
 import { validateForm } from "../../utils/inputValidator/registerValidator";
-import { Ionicons } from "@expo/vector-icons";
 import { Fonts, textSize } from "../../tokens/typography";
 import SharpInput from "./sharpInput";
 import {Arrow, ArrowBack, Eye, EyeOff} from "@towsila/icons";

package/src/components/ui/sharpInput.tsx

@@ -1,4 +1,4 @@
-import React, { useState, ComponentProps } from "react";
+import React, { useState } from "react";
 import { Text, TextInput, TextInputProps, View, StyleSheet, TouchableOpacity } from "react-native";
 import { useAppTheme } from "../../context/ThemeContext";
 import { textSize, Fonts } from "../../tokens/typography";