@towsila/expo-ui-library 1.5.9 → 1.5.12

package/package.json

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

package/src/components/ui/dynamicForm.tsx

@@ -21,32 +21,21 @@ interface Props {
 function splitIntoSteps(fields: Field[]): Field[][] {
   const info = fields.filter((f) => f.type !== "password");
   const security = fields.filter((f) => f.type === "password");
-
-  console.log("DEBUG splitIntoSteps:", {
-    totalFields: fields.length,
-    infoFields: info.length,
-    securityFields: security.length,
-  });
-  
   const steps: Field[][] = [];
   
-  // Split info fields if more than 3
   if (info.length > 4) {
-    console.log("SPLITTING INFO FIELDS");
     const mid = Math.ceil(info.length / 2);
     steps.push(info.slice(0, mid));
     steps.push(info.slice(mid));
   } else if (info.length > 0) {
-    console.log("NOT SPLITTING, ADDING ALL");
     steps.push(info);
   }
   
   // Add security fields as separate step
   if (security.length > 0) {
-    console.log("ADDING SECURITY STEP");
     steps.push(security);
   }
-  console.log("FINAL STEPS:", steps.length);
+  
   return steps;
 }
 
@@ -113,11 +102,6 @@ export const DynamicForm: React.FC<Props> = ({
   );
 
   return (
-    <ScrollView 
-      contentContainerStyle={{ flexGrow: 1 }}
-      showsVerticalScrollIndicator={false}
-      bounces={false}
-    >
     <View style={{ gap: 4, paddingBottom: 20 }}>
 
       {/* Stepper — only show if more than 1 step */}
@@ -168,6 +152,5 @@ export const DynamicForm: React.FC<Props> = ({
         </View>
       )}
     </View>
-    </ScrollView>
   );
 };

package/src/components/ui/sharpDynamicForm.tsx

@@ -17,11 +17,26 @@ interface Props {
   nextLabel?: string;
   backLabel?: string;
 }
-// can i split it into 2 not only move the password if the number of fields is > 4
+
 function splitIntoSteps(fields: Field[]): Field[][] {
   const info = fields.filter((f) => f.type !== "password");
   const security = fields.filter((f) => f.type === "password");
-  return [info, security].filter((s) => s.length > 0);
+  const steps: Field[][] = [];
+  
+  if (info.length > 4) {
+    const mid = Math.ceil(info.length / 2);
+    steps.push(info.slice(0, mid));
+    steps.push(info.slice(mid));
+  } else if (info.length > 0) {
+    steps.push(info);
+  }
+  
+  // Add security fields as separate step
+  if (security.length > 0) {
+    steps.push(security);
+  }
+  
+  return steps;
 }
 
 export const SharpDynamicForm: React.FC<Props> = ({

package/src/utils/inputValidator/customValidator.ts

@@ -13,18 +13,12 @@ registerValidator("email", (value) => {
   return "";
 });
 
-registerValidator("password", (value, field) => {
-  const min = field.minLength ?? 8;
-  if (!value) return "Password is required";
-  if (value.length < min) return `Password must be at least ${min} characters`;
-  if (!/[!@#$%^&*(),.?":{}|<>]/.test(value)) return "Password must contain at least one special character";
-  return "";
-});
-
-registerValidator("confirmPassword", (value, _, formState) => {
-  if (!value) return "Please confirm your password";
+registerValidator("password", (value, field, formState) => {
+  if (!value) return "Please enter a password";
   if (value.length < 8) return "Password must be at least 8 characters";
-  if (value !== formState["password"]) return "Passwords do not match";
+   if (field.name === "confirmPassword" && value !== formState["password"]) {
+    return "Passwords do not match";
+  }
   return "";
 });