@rkosafo/cai.components 0.0.3 → 0.0.6

package/dist/forms/form/Form.svelte

@@ -1,69 +1,69 @@
-<script lang="ts">
-	import { createForm } from 'felte';
-	import { setContext } from 'svelte';
-	import { key } from './index.js';
-	import type { FormProps } from '../../index.js';
-	import { validator } from '@felte/validator-zod';
-	import * as z from 'zod';
-
-	let {
-		transform = (values: any) => values,
-		initialValues = {},
-		validators = [],
-		contextKey = null,
-		onSubmit,
-		onChange,
-		children,
-		schema = z.object({}),
-		...restProps
-	}: FormProps = $props();
-
-	// Initialize form and data using the provided props
-	const formInfo = createForm({
-		onSubmit: (values: any, context: any) => {
-			if (onSubmit) onSubmit({ values, context });
-		},
-		extend: [validator({ schema })],
-		transform,
-		initialValues,
-		// onChange
-	});
-
-	// Set the formInfo context
-	setContext(key, formInfo);
-	if (contextKey) {
-		setContext(contextKey, formInfo);
-	}
-
-	// Extract form elements from formInfo
-	const { form, data, setFields, isValid } = formInfo;
-
-	// Reactive subscription to data changes
-	$effect(() => {
-		const currentValues = $data;
-		if (onChange) {
-			onChange({
-				values: currentValues,
-				isValid: $isValid,
-				form: formInfo
-			});
-		}
-	});
-
-	// // Dispatch 'ready' event when component mounts
-	// $effect.pre(() => {
-	// 	dispatch('ready', formInfo);
-	// });
-
-	// Define the updateWith function
-	export const updateWith = (newData: any) => {
-		Object.keys(newData).forEach((k) => {
-			setFields(k, newData[k]);
-		});
-	};
-
-</script>
-
-<form use:form {...restProps}>
-	{@render children({ initialValues, isValid: $isValid, values: $data })}
-</form>
+<script lang="ts">
+	import { createForm } from 'felte';
+	import { setContext } from 'svelte';
+	import { key } from './index.js';
+	import type { FormProps } from '../../index.js';
+	import { validator } from '@felte/validator-zod';
+	import * as z from 'zod';
+
+	let {
+		transform = (values: any) => values,
+		initialValues = {},
+		validators = [],
+		contextKey = null,
+		onSubmit,
+		onChange,
+		children,
+		schema = z.object({}),
+		...restProps
+	}: FormProps = $props();
+
+	// Initialize form and data using the provided props
+	const formInfo = createForm({
+		onSubmit: (values: any, context: any) => {
+			if (onSubmit) onSubmit({ values, context });
+		},
+		extend: [validator({ schema })],
+		transform,
+		initialValues,
+		// onChange
+	});
+
+	// Set the formInfo context
+	setContext(key, formInfo);
+	if (contextKey) {
+		setContext(contextKey, formInfo);
+	}
+
+	// Extract form elements from formInfo
+	const { form, data, setFields, isValid } = formInfo;
+
+	// Reactive subscription to data changes
+	$effect(() => {
+		const currentValues = $data;
+		if (onChange) {
+			onChange({
+				values: currentValues,
+				isValid: $isValid,
+				form: formInfo
+			});
+		}
+	});
+
+	// // Dispatch 'ready' event when component mounts
+	// $effect.pre(() => {
+	// 	dispatch('ready', formInfo);
+	// });
+
+	// Define the updateWith function
+	export const updateWith = (newData: any) => {
+		Object.keys(newData).forEach((k) => {
+			setFields(k, newData[k]);
+		});
+	};
+
+</script>
+
+<form use:form {...restProps}>
+	{@render children({ initialValues, isValid: $isValid, values: $data })}
+</form>