@towsila/expo-ui-library 1.5.9 → 1.5.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@towsila/expo-ui-library",
-  "version": "1.5.9",
+  "version": "1.5.11",
   "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> = ({