@nativetail/ui 0.1.6 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nativetail/ui",
-	"version": "0.1.6",
+	"version": "0.1.8",
 	"description": "",
 	"main": "src/index.ts",
 	"scripts": {},
@@ -29,6 +29,7 @@
 		"@hookform/resolvers": "^3.6.0",
 		"@nativetail/core": "^0.0.6",
 		"@shopify/flash-list": "^1.7.1",
+		"@sinclair/typebox": "^0.33.7",
 		"countries-list": "^3.1.0",
 		"expo-blur": "^13.0.2",
 		"expo-linear-gradient": "~13.0.2",

package/src/components/form-builder/index.tsx

@@ -33,7 +33,7 @@ export type FormBuilderProps<
 	>;
 	containerClassname?: string;
 	submitButtonProps?: ComponentPropsWithoutRef<typeof Button>;
-	onSubmit?: (values: IValues) => void;
+	onSubmit?: (values: IValues, reset?: () => void) => void;
 	onError?: (values: Partial<Record<keyof T, any>>) => void;
 	isSubmitting?: boolean;
 	defaultValues?: DefaultValues<IValues>;
@@ -61,13 +61,9 @@ export function FormBuilder<T extends z.ZodRawShape>({
 		<View className={cn("gap-4", containerClassname)}>
 			<View className={cn("flex-1 gap-2", inputContainerClassname)}>
 				{keys.map((inputKey) => {
-					const Input = inputs[inputKey] || {
-						type: "text",
-						props: {
-							placeholder: inputKey,
-						},
-					};
+					const Input = inputs[inputKey];
 					const Render = Input.render;
+					if (!Input) return null;
 					if (!Render) {
 						return (
 							<InputComponent
@@ -87,7 +83,9 @@ export function FormBuilder<T extends z.ZodRawShape>({
 				className="w-full"
 				children={"Submit"}
 				{...submitButtonProps}
-				onPress={form.handleSubmit(onSubmit, onError)}
+				onPress={form.handleSubmit((data) => {
+					onSubmit?.(data, form.reset);
+				}, onError)}
 				isLoading={isSubmitting}
 			/>
 		</View>