@conform-to/react 0.6.2 → 0.6.3-pre.0

package/helpers.d.ts

@@ -46,10 +46,10 @@ type InputOptions = BaseOptions & ({
     type?: Exclude<HTMLInputTypeAttribute, 'button' | 'submit' | 'hidden'>;
     value?: never;
 });
+export declare function input<Schema extends Primitive | unknown>(config: FieldConfig<Schema>, options?: InputOptions): InputProps<Schema>;
 export declare function input<Schema extends File | File[]>(config: FieldConfig<Schema>, options: InputOptions & {
     type: 'file';
 }): InputProps<Schema>;
-export declare function input<Schema extends Primitive>(config: FieldConfig<Schema>, options?: InputOptions): InputProps<Schema>;
-export declare function select(config: FieldConfig<Primitive | Primitive[]>, options?: BaseOptions): SelectProps;
-export declare function textarea(config: FieldConfig<Primitive>, options?: BaseOptions): TextareaProps;
+export declare function select<Schema extends Primitive | Primitive[] | undefined | unknown>(config: FieldConfig<Schema>, options?: BaseOptions): SelectProps;
+export declare function textarea<Schema extends Primitive | undefined | unknown>(config: FieldConfig<Schema>, options?: BaseOptions): TextareaProps;
 export { INTENT, VALIDATION_UNDEFINED, VALIDATION_SKIPPED };

package/hooks.d.ts

@@ -18,7 +18,7 @@ export interface FieldConfig<Schema> extends FieldConstraint<Schema> {
      */
     errors?: string[];
 }
-export type FieldValue<Schema> = Schema extends Primitive ? string : Schema extends File ? File : Schema extends Array<infer InnerType> ? Array<FieldValue<InnerType>> : Schema extends Record<string, any> ? {
+export type FieldValue<Schema> = Schema extends Primitive ? string : Schema extends File ? File : Schema extends Array<infer InnerType> ? Array<FieldValue<InnerType>> : unknown extends Schema ? any : Record<string, any> extends Schema ? {
     [Key in KeysOf<Schema>]?: FieldValue<ResolveType<Schema, Key>>;
 } : any;
 export interface FormConfig<Output extends Record<string, any>, Input extends Record<string, any> = Output> {
@@ -121,10 +121,10 @@ export declare function useForm<Output extends Record<string, any>, Input extend
 /**
  * A set of field configuration
  */
-export type Fieldset<Schema extends Record<string, any>> = {
+export type Fieldset<Schema extends Record<string, any> | undefined> = {
     [Key in KeysOf<Schema>]-?: FieldConfig<ResolveType<Schema, Key>>;
 };
-export interface FieldsetConfig<Schema extends Record<string, any>> {
+export interface FieldsetConfig<Schema extends Record<string, any> | undefined> {
     /**
      * The prefix used to generate the name of nested fields.
      */
@@ -151,16 +151,16 @@ export interface FieldsetConfig<Schema extends Record<string, any>> {
  *
  * @see https://conform.guide/api/react#usefieldset
  */
-export declare function useFieldset<Schema extends Record<string, any>>(ref: RefObject<HTMLFormElement | HTMLFieldSetElement>, config: FieldsetConfig<Schema>): Fieldset<Schema>;
-export declare function useFieldset<Schema extends Record<string, any>>(ref: RefObject<HTMLFormElement | HTMLFieldSetElement>, config: FieldConfig<Schema>): Fieldset<Schema>;
+export declare function useFieldset<Schema extends Record<string, any> | undefined>(ref: RefObject<HTMLFormElement | HTMLFieldSetElement>, config: FieldsetConfig<Schema>): Fieldset<Schema>;
+export declare function useFieldset<Schema extends Record<string, any> | undefined>(ref: RefObject<HTMLFormElement | HTMLFieldSetElement>, config: FieldConfig<Schema>): Fieldset<Schema>;
 /**
  * Returns a list of key and field config.
  *
  * @see https://conform.guide/api/react#usefieldlist
  */
-export declare function useFieldList<Payload = any>(ref: RefObject<HTMLFormElement | HTMLFieldSetElement>, config: FieldConfig<Array<Payload>>): Array<{
+export declare function useFieldList<Schema extends Array<any> | undefined>(ref: RefObject<HTMLFormElement | HTMLFieldSetElement>, config: FieldConfig<Schema>): Array<{
     key: string;
-} & FieldConfig<Payload>>;
+} & FieldConfig<Schema extends Array<infer Item> ? Item : never>>;
 interface InputControl {
     change: (eventOrValue: {
         target: {

package/hooks.js

@@ -165,7 +165,7 @@ function useForm() {
         shouldValidate = initialReport === 'onChange' ? 'onInput' : initialReport,
         shouldRevalidate = 'onInput'
       } = configRef.current;
-      if (!form || !dom.isFocusableFormControl(field) || field.form !== form) {
+      if (!form || !dom.isFocusableFormControl(field) || field.form !== form || !field.name) {
         return;
       }
       if (field.dataset.conformTouched ? shouldRevalidate === name : shouldValidate === name) {
@@ -303,6 +303,7 @@ function useFieldset(ref, config) {
       }, {});
       var field = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, constraint), {}, {
         name: fieldsetConfig.name ? "".concat(fieldsetConfig.name, ".").concat(key) : key,
+        // @ts-expect-error The FieldValue type might need a rework
         defaultValue: (_fieldsetConfig$defau = fieldsetConfig.defaultValue) === null || _fieldsetConfig$defau === void 0 ? void 0 : _fieldsetConfig$defau[key],
         initialError,
         error: errors === null || errors === void 0 ? void 0 : errors[0],

package/module/hooks.js

@@ -161,7 +161,7 @@ function useForm() {
         shouldValidate = initialReport === 'onChange' ? 'onInput' : initialReport,
         shouldRevalidate = 'onInput'
       } = configRef.current;
-      if (!form || !isFocusableFormControl(field) || field.form !== form) {
+      if (!form || !isFocusableFormControl(field) || field.form !== form || !field.name) {
         return;
       }
       if (field.dataset.conformTouched ? shouldRevalidate === name : shouldValidate === name) {
@@ -299,6 +299,7 @@ function useFieldset(ref, config) {
       }, {});
       var field = _objectSpread2(_objectSpread2({}, constraint), {}, {
         name: fieldsetConfig.name ? "".concat(fieldsetConfig.name, ".").concat(key) : key,
+        // @ts-expect-error The FieldValue type might need a rework
         defaultValue: (_fieldsetConfig$defau = fieldsetConfig.defaultValue) === null || _fieldsetConfig$defau === void 0 ? void 0 : _fieldsetConfig$defau[key],
         initialError,
         error: errors === null || errors === void 0 ? void 0 : errors[0],

package/package.json

@@ -3,7 +3,7 @@
 	"description": "Conform view adapter for react",
 	"homepage": "https://conform.guide",
 	"license": "MIT",
-	"version": "0.6.2",
+	"version": "0.6.3-pre.0",
 	"main": "index.js",
 	"module": "module/index.js",
 	"repository": {
@@ -20,7 +20,7 @@
 		"url": "https://github.com/edmundhung/conform/issues"
 	},
 	"dependencies": {
-		"@conform-to/dom": "0.6.2"
+		"@conform-to/dom": "0.6.3-pre.0"
 	},
 	"peerDependencies": {
 		"react": ">=16.8"