@hitesh0009/react-native-basic-form 1.2.7 → 1.2.8

package/dist/Form.js

@@ -6,9 +6,9 @@ export const Form = ({ schema = [] }) => {
     const RenderField = (field, index) => {
         switch (field.type) {
             case "button":
-                return (<Buttons key={index} label={field.label} style={field.style} textStyle={field.textStyle} gap={13} {...(field.buttonProps || {})}/>);
+                return (<Buttons key={index} label={field.label} style={field.style} textStyle={field.textStyle} spacing={field.spacing} {...(field.buttonProps || {})}/>);
             case "input":
-                return (<InputText key={index} label={field.label} style={field.style} gap={13} {...(field.inputProps || {})}/>);
+                return (<InputText key={index} label={field.label} style={field.style} spacing={field.spacing} {...(field.inputProps || {})}/>);
             default:
                 return null;
         }
@@ -16,7 +16,7 @@ export const Form = ({ schema = [] }) => {
     return (<>
       {schema.map((block, blockIndex) => (<View key={blockIndex} style={{
                 flexDirection: block.layout || "column",
-                gap: block.gap || 20,
+                gap: block.spacing || 20,
             }}>
           {block.children.map(RenderField)}
         </View>))}

package/dist/components/Buttons.js

@@ -1,8 +1,8 @@
 import { Text, TouchableOpacity, View } from "react-native";
 import React from "react";
 import FormText from "./Text";
-const Buttons = ({ label, buttonText, onPress, style, textStyle, gap, labelStyle, }) => {
-    return (<View style={{ gap: gap !== null && gap !== void 0 ? gap : 13 }}>
+const Buttons = ({ label, buttonText, onPress, style, textStyle, spacing, labelStyle, }) => {
+    return (<View style={{ gap: spacing !== null && spacing !== void 0 ? spacing : 13 }}>
       <FormText label={label || " "} style={labelStyle}/>
 
       <TouchableOpacity onPress={onPress} style={[

package/dist/components/InputText.js

@@ -1,8 +1,8 @@
 import { StyleSheet, TextInput, View } from 'react-native';
 import React from 'react';
 import FormText from './Text';
-const InputText = ({ label, placeholder, value, onChangeText, style, gap, labelStyle, }) => {
-    return (<View style={{ gap: gap || 13 }}>
+const InputText = ({ label, placeholder, value, onChangeText, style, spacing, labelStyle, }) => {
+    return (<View style={{ gap: spacing || 13 }}>
       <FormText label={label || ' '} style={labelStyle}/>
       <TextInput placeholder={placeholder} value={value} onChangeText={onChangeText} style={[
             {

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 import type { ImageProps, ImageStyle, TextInputProps, TextStyle, TouchableOpacityProps, ViewStyle } from 'react-native';
 type BaseField = {
     label?: string;
-    gap?: number;
+    spacing?: number;
     style?: ViewStyle;
     labelStyle?: TextStyle;
 };
@@ -20,7 +20,7 @@ export type FormButton = BaseField & {
 export type FormField = FormInput | FormButton;
 export type FormItem = {
     layout?: ViewStyle['flexDirection'];
-    gap?: number;
+    spacing?: number;
     children: FormField[];
 };
 export type FormProps = {
@@ -32,13 +32,13 @@ export type ButtonProps = {
     onPress?: TouchableOpacityProps['onPress'];
     style?: ViewStyle;
     textStyle?: TextStyle;
-    gap?: number;
+    spacing?: number;
     labelStyle?: TextStyle;
 };
 export type InputProps = {
     label?: string;
     style?: TextInputProps['style'];
-    gap?: number;
+    spacing?: number;
     labelStyle?: TextStyle;
     placeholder?: TextInputProps['placeholder'];
     value?: TextInputProps['value'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitesh0009/react-native-basic-form",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "A lightweight, data-driven form renderer for React Native with fully controlled inputs and flexible styling.",
   "keywords": [
     "react-native",

package/src/Form.tsx

@@ -14,7 +14,7 @@ export const Form:React.FC<FormProps> = ({ schema = [] }) => {
             label={field.label}
             style={field.style}
             textStyle={field.textStyle}
-            gap={13}
+            spacing={field.spacing}
             {...(field.buttonProps || {})}
           />
         );
@@ -25,7 +25,7 @@ export const Form:React.FC<FormProps> = ({ schema = [] }) => {
             key={index}
             label={field.label}
             style={field.style}
-            gap={13}
+            spacing={field.spacing}
             {...(field.inputProps || {})}
           />
         );
@@ -42,7 +42,7 @@ export const Form:React.FC<FormProps> = ({ schema = [] }) => {
           key={blockIndex}
           style={{
             flexDirection: block.layout || "column",
-            gap: block.gap || 20,
+            gap: block.spacing || 20,
           }}
         >
           {block.children.map(RenderField)}

package/src/components/Buttons.tsx

@@ -9,11 +9,11 @@ const Buttons: React.FC<ButtonProps> = ({
   onPress,
   style,
   textStyle,
-  gap,
+  spacing,
   labelStyle,
 }) => {
   return (
-    <View style={{ gap: gap ?? 13 }}>
+    <View style={{ gap: spacing ?? 13 }}>
       <FormText label={label || " "} style={labelStyle} />
 
       <TouchableOpacity

package/src/components/InputText.tsx

@@ -9,11 +9,11 @@ const InputText:React.FC<InputProps> = ({
   value,
   onChangeText,
   style,
-  gap,
+  spacing,
   labelStyle,
 }) => {
   return (
-    <View style={{ gap: gap || 13 }}>
+    <View style={{ gap: spacing || 13 }}>
       <FormText label={label || ' '} style={labelStyle} />
       <TextInput
         placeholder={placeholder}

package/src/types.ts

@@ -10,7 +10,7 @@ import type {
 
 type BaseField = {
   label?: string;
-  gap?: number;
+  spacing?: number;
   style?: ViewStyle;
   labelStyle?: TextStyle;
 };
@@ -33,7 +33,7 @@ export type FormField = FormInput | FormButton;
 
 export type FormItem = {
   layout?: ViewStyle['flexDirection'];
-  gap?: number;
+  spacing?: number;
   children: FormField[];
 };
 
@@ -48,7 +48,7 @@ export type ButtonProps = {
   onPress?: TouchableOpacityProps['onPress'];
   style?: ViewStyle;
   textStyle?: TextStyle;
-  gap?: number;
+  spacing?: number;
   labelStyle?: TextStyle;
 };
 
@@ -56,7 +56,7 @@ export type ButtonProps = {
 export type InputProps = {
   label?: string;
   style?: TextInputProps['style'];
-  gap?: number;
+  spacing?: number;
   labelStyle?: TextStyle;
   placeholder?:TextInputProps['placeholder'],
   value?:TextInputProps['value'],