@formisch/qwik 0.7.4 → 0.8.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as v from "valibot";
 import { JSXOutput, NoSerialize, PropsOf, QRL, ReadonlySignal } from "@qwik.dev/core";
-import * as _qwik_dev_core_internal1 from "@qwik.dev/core/internal";
+import * as _qwik_dev_core_internal3 from "@qwik.dev/core/internal";
 
 //#region ../../packages/core/dist/index.qwik.d.ts
 
@@ -868,6 +868,10 @@ interface FieldStore<TSchema extends Schema = Schema, TFieldPath extends Require
    * Whether the field is valid according to the schema.
    */
   readonly isValid: ReadonlySignal<boolean>;
+  /**
+   * Sets the field input value programmatically.
+   */
+  readonly onInput: QRL<(value: PartialValues<PathValue<v.InferInput<TSchema>, TFieldPath>>) => void>;
   /**
    * The props to spread onto the field element for integration.
    */
@@ -966,7 +970,7 @@ interface FieldProps<TSchema extends Schema = Schema, TFieldPath extends Require
  *
  * @returns The UI of the field to be rendered.
  */
-declare const Field: <TSchema extends Schema, TFieldPath extends RequiredPath>(props: _qwik_dev_core_internal1.PublicProps<FieldProps<TSchema, TFieldPath>>, key: string | null, flags: number, dev?: _qwik_dev_core_internal1.DevJSX) => JSXOutput;
+declare const Field: <TSchema extends Schema, TFieldPath extends RequiredPath>(props: _qwik_dev_core_internal3.PublicProps<FieldProps<TSchema, TFieldPath>>, key: string | null, flags: number, dev?: _qwik_dev_core_internal3.DevJSX) => JSXOutput;
 //#endregion
 //#region src/components/FieldArray/FieldArray.d.ts
 /**
@@ -994,7 +998,7 @@ interface FieldArrayProps<TSchema extends Schema = Schema, TFieldArrayPath exten
  *
  * @returns The UI of the field array to be rendered.
  */
-declare const FieldArray: <TSchema extends Schema, TFieldArrayPath extends RequiredPath>(props: _qwik_dev_core_internal1.PublicProps<FieldArrayProps<TSchema, TFieldArrayPath>>, key: string | null, flags: number, dev?: _qwik_dev_core_internal1.DevJSX) => JSXOutput;
+declare const FieldArray: <TSchema extends Schema, TFieldArrayPath extends RequiredPath>(props: _qwik_dev_core_internal3.PublicProps<FieldArrayProps<TSchema, TFieldArrayPath>>, key: string | null, flags: number, dev?: _qwik_dev_core_internal3.DevJSX) => JSXOutput;
 //#endregion
 //#region src/components/Form/Form.d.ts
 /**
@@ -1016,7 +1020,7 @@ type FormProps<TSchema extends Schema = Schema> = Omit<PropsOf<'form'>, 'onSubmi
  *
  * @returns The a native form element.
  */
-declare const Form: <TSchema extends Schema>(props: _qwik_dev_core_internal1.PublicProps<FormProps<TSchema>>, key: string | null, flags: number, dev?: _qwik_dev_core_internal1.DevJSX) => JSXOutput;
+declare const Form: <TSchema extends Schema>(props: _qwik_dev_core_internal3.PublicProps<FormProps<TSchema>>, key: string | null, flags: number, dev?: _qwik_dev_core_internal3.DevJSX) => JSXOutput;
 //#endregion
 //#region src/hooks/useField/useField.d.ts
 /**
@@ -1031,6 +1035,9 @@ interface UseFieldConfig<TSchema extends Schema = Schema, TFieldPath extends Req
 /**
  * Creates a reactive field store of a specific field within a form store.
  *
+ * @param form The form store instance.
+ * @param config The field configuration.
+ *
  * @returns The field store with reactive properties and element props.
  */
 declare function useField<TSchema extends Schema, TFieldPath extends RequiredPath>(form: FormStore<TSchema>, config: UseFieldConfig<TSchema, TFieldPath>): FieldStore<TSchema, TFieldPath>;
@@ -1048,6 +1055,9 @@ interface UseFieldArrayConfig<TSchema extends Schema = Schema, TFieldArrayPath e
 /**
  * Creates a reactive field array store of a specific field array within a form store.
  *
+ * @param form The form store instance.
+ * @param config The field array configuration.
+ *
  * @returns The field array store with reactive properties for array management.
  */
 declare function useFieldArray<TSchema extends Schema, TFieldArrayPath extends RequiredPath>(form: FormStore<TSchema>, config: UseFieldArrayConfig<TSchema, TFieldArrayPath>): FieldArrayStore<TSchema, TFieldArrayPath>;
@@ -1057,6 +1067,8 @@ declare function useFieldArray<TSchema extends Schema, TFieldArrayPath extends R
  * Creates a reactive form store from a form configuration. The form store
  * manages form state and provides reactive properties.
  *
+ * @param configQrl The QRL containing the form configuration.
+ *
  * @returns The form store with reactive properties.
  */
 declare function useFormQrl<TSchema extends Schema>(configQrl: QRL<FormConfig<TSchema>>): FormStore<TSchema>;

package/dist/index.qwik.js

@@ -65,7 +65,7 @@ function initializeFieldStore(internalFieldStore, schema, initialInput, path, nu
 						initializeFieldStore(internalFieldStore.children[index], schema.item, initialInput[index], path);
 						path.pop();
 					}
-				} else for (let index = 0; index < schema.items; index++) {
+				} else for (let index = 0; index < schema.items.length; index++) {
 					internalFieldStore.children[index] = {};
 					path.push(index);
 					initializeFieldStore(internalFieldStore.children[index], schema.items[index], initialInput?.[index], path);
@@ -378,7 +378,7 @@ function setNestedInput(internalFieldStore, input) {
 		}
 		for (let index = 0; index < arrayInput.length; index++) setNestedInput(internalFieldStore.children[index], arrayInput[index]);
 		internalFieldStore.input.value = input == null ? input : true;
-		internalFieldStore.isDirty.value = internalFieldStore.startInput.value !== internalFieldStore.input.value || internalFieldStore.startItems.value.length !== items.length;
+		internalFieldStore.isDirty.value = internalFieldStore.startInput.value !== internalFieldStore.input.value || internalFieldStore.startItems.value.length !== internalFieldStore.items.value.length;
 	} else if (internalFieldStore.kind === "object") {
 		for (const key in internalFieldStore.children) setNestedInput(internalFieldStore.children[key], input?.[key]);
 		internalFieldStore.input.value = input == null ? input : true;
@@ -829,6 +829,10 @@ function useField(form, config) {
 		isTouched: createComputed$(() => getFieldBool(internalFieldStore.value, "isTouched")),
 		isDirty: createComputed$(() => getFieldBool(internalFieldStore.value, "isDirty")),
 		isValid: createComputed$(() => !getFieldBool(internalFieldStore.value, "errors")),
+		onInput: $((value) => {
+			setFieldInput(internalFormStore, pathSignal.value, value);
+			validateIfRequired(internalFormStore, internalFieldStore.value, "input");
+		}),
 		props: {
 			get name() {
 				return internalFieldStore.value.name;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formisch/qwik",
   "description": "The modular and type-safe form library for Qwik",
-  "version": "0.7.4",
+  "version": "0.8.0",
   "license": "MIT",
   "author": "Fabian Hiller",
   "homepage": "https://formisch.dev",
@@ -36,7 +36,6 @@
     "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.31.0",
     "@qwik.dev/core": "2.0.0-beta.5",
     "@types/node": "24.0.13",
     "eslint": "9.31.0",
@@ -45,12 +44,12 @@
     "prettier": "3.6.2",
     "tsdown": "0.12.9",
     "typescript": "5.8.3",
-    "typescript-eslint": "8.36.0",
     "valibot": "^1.2.0",
     "vite": "7.0.4",
     "vite-tsconfig-paths": "^5.1.4",
-    "@formisch/core": "0.4.5",
-    "@formisch/methods": "0.5.2"
+    "@formisch/core": "0.5.0",
+    "@formisch/eslint-config": "0.1.0",
+    "@formisch/methods": "0.6.0"
   },
   "peerDependencies": {
     "@qwik.dev/core": ">=2",