@conform-to/dom 1.1.3 → 1.1.5

package/dom.d.ts

@@ -2,7 +2,10 @@
  * Element that user can interact with,
  * includes `<input>`, `<select>` and `<textarea>`.
  */
-export type FieldElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export type FieldElement =
+	| HTMLInputElement
+	| HTMLSelectElement
+	| HTMLTextAreaElement;
 /**
  * HTML Element that can be used as a form control,
  * includes `<input>`, `<select>`, `<textarea>` and `<button>`.
@@ -20,7 +23,9 @@ export declare function isFormControl(element: unknown): element is FormControl;
  * A type guard to check if the provided element is a field element, which
  * is a form control excluding submit, button and reset type.
  */
-export declare function isFieldElement(element: unknown): element is FieldElement;
+export declare function isFieldElement(
+	element: unknown,
+): element is FieldElement;
 /**
  * Resolves the action from the submit event
  * with respect to the submitter `formaction` attribute.
@@ -30,14 +35,21 @@ export declare function getFormAction(event: SubmitEvent): string;
  * Resolves the encoding type from the submit event
  * with respect to the submitter `formenctype` attribute.
  */
-export declare function getFormEncType(event: SubmitEvent): 'application/x-www-form-urlencoded' | 'multipart/form-data';
+export declare function getFormEncType(
+	event: SubmitEvent,
+): 'application/x-www-form-urlencoded' | 'multipart/form-data';
 /**
  * Resolves the method from the submit event
  * with respect to the submitter `formmethod` attribute.
  */
-export declare function getFormMethod(event: SubmitEvent): 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+export declare function getFormMethod(
+	event: SubmitEvent,
+): 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
 /**
  * Trigger a form submit event with an optional submitter.
  * If the submitter is not mounted, it will be appended to the form and removed after submission.
  */
-export declare function requestSubmit(form: HTMLFormElement | null | undefined, submitter: Submitter | null): void;
+export declare function requestSubmit(
+	form: HTMLFormElement | null | undefined,
+	submitter: Submitter | null,
+): void;

package/form.d.ts

@@ -1,147 +1,246 @@
 import { getFormAction, getFormEncType, getFormMethod } from './dom';
-import { type Intent, type Submission, type SubmissionResult } from './submission';
-type BaseCombine<T, K extends PropertyKey = T extends unknown ? keyof T : never> = T extends unknown ? T & Partial<Record<Exclude<K, keyof T>, never>> : never;
+import {
+	type Intent,
+	type Submission,
+	type SubmissionResult,
+} from './submission';
+type BaseCombine<
+	T,
+	K extends PropertyKey = T extends unknown ? keyof T : never,
+> = T extends unknown ? T & Partial<Record<Exclude<K, keyof T>, never>> : never;
 export type Combine<T> = {
-    [K in keyof BaseCombine<T>]: BaseCombine<T>[K];
+	[K in keyof BaseCombine<T>]: BaseCombine<T>[K];
 };
-export type DefaultValue<Schema> = Schema extends string | number | boolean | Date | bigint | null | undefined ? Schema | string | null | undefined : Schema extends File ? null | undefined : Schema extends Array<infer Item> ? Array<DefaultValue<Item>> | null | undefined : Schema extends Record<string, any> ? {
-    [Key in keyof Schema]?: DefaultValue<Schema[Key]>;
-} | null | undefined : string | null | undefined;
-export type FormValue<Schema> = Schema extends string | number | boolean | Date | bigint | null | undefined ? string | undefined : Schema extends File ? File | undefined : Schema extends File[] ? File | Array<File> | undefined : Schema extends Array<infer Item> ? string | Array<FormValue<Item>> | undefined : Schema extends Record<string, any> ? {
-    [Key in keyof Schema]?: FormValue<Schema[Key]>;
-} | null | undefined : unknown;
+export type DefaultValue<Schema> = Schema extends
+	| string
+	| number
+	| boolean
+	| Date
+	| bigint
+	| null
+	| undefined
+	? Schema | string | null | undefined
+	: Schema extends File
+		? null | undefined
+		: Schema extends Array<infer Item>
+			? Array<DefaultValue<Item>> | null | undefined
+			: Schema extends Record<string, any>
+				?
+						| {
+								[Key in keyof Schema]?: DefaultValue<Schema[Key]>;
+						  }
+						| null
+						| undefined
+				: string | null | undefined;
+export type FormValue<Schema> = Schema extends
+	| string
+	| number
+	| boolean
+	| Date
+	| bigint
+	| null
+	| undefined
+	? string | undefined
+	: Schema extends File
+		? File | undefined
+		: Schema extends File[]
+			? File | Array<File> | undefined
+			: Schema extends Array<infer Item>
+				? string | Array<FormValue<Item>> | undefined
+				: Schema extends Record<string, any>
+					?
+							| {
+									[Key in keyof Schema]?: FormValue<Schema[Key]>;
+							  }
+							| null
+							| undefined
+					: unknown;
 declare const error: unique symbol;
 declare const field: unique symbol;
 declare const form: unique symbol;
-export type FormId<Schema extends Record<string, unknown> = Record<string, unknown>, Error = string[]> = string & {
-    [error]?: Error;
-    [form]?: Schema;
+export type FormId<
+	Schema extends Record<string, unknown> = Record<string, unknown>,
+	Error = string[],
+> = string & {
+	[error]?: Error;
+	[form]?: Schema;
 };
-export type FieldName<FieldSchema, FormSchema extends Record<string, unknown> = Record<string, unknown>, Error = string[]> = string & {
-    [field]?: FieldSchema;
-    [error]?: Error;
-    [form]?: FormSchema;
+export type FieldName<
+	FieldSchema,
+	FormSchema extends Record<string, unknown> = Record<string, unknown>,
+	Error = string[],
+> = string & {
+	[field]?: FieldSchema;
+	[error]?: Error;
+	[form]?: FormSchema;
 };
 export type Constraint = {
-    required?: boolean;
-    minLength?: number;
-    maxLength?: number;
-    min?: string | number;
-    max?: string | number;
-    step?: string | number;
-    multiple?: boolean;
-    pattern?: string;
+	required?: boolean;
+	minLength?: number;
+	maxLength?: number;
+	min?: string | number;
+	max?: string | number;
+	step?: string | number;
+	multiple?: boolean;
+	pattern?: string;
 };
 export type FormMeta<FormError> = {
-    formId: string;
-    isValueUpdated: boolean;
-    submissionStatus?: 'error' | 'success';
-    defaultValue: Record<string, unknown>;
-    initialValue: Record<string, unknown>;
-    value: Record<string, unknown>;
-    error: Record<string, FormError>;
-    constraint: Record<string, Constraint>;
-    key: Record<string, string | undefined>;
-    validated: Record<string, boolean>;
+	formId: string;
+	isValueUpdated: boolean;
+	submissionStatus?: 'error' | 'success';
+	defaultValue: Record<string, unknown>;
+	initialValue: Record<string, unknown>;
+	value: Record<string, unknown>;
+	error: Record<string, FormError>;
+	constraint: Record<string, Constraint>;
+	key: Record<string, string | undefined>;
+	validated: Record<string, boolean>;
 };
-export type FormState<FormError> = Omit<FormMeta<FormError>, 'formId' | 'isValueUpdated'> & {
-    valid: Record<string, boolean>;
-    dirty: Record<string, boolean>;
+export type FormState<FormError> = Omit<
+	FormMeta<FormError>,
+	'formId' | 'isValueUpdated'
+> & {
+	valid: Record<string, boolean>;
+	dirty: Record<string, boolean>;
 };
 export type FormOptions<Schema, FormError = string[], FormValue = Schema> = {
-    /**
-     * The id of the form.
-     */
-    formId: string;
-    /**
-     * An object representing the initial value of the form.
-     */
-    defaultValue?: DefaultValue<Schema>;
-    /**
-     * An object describing the constraint of each field
-     */
-    constraint?: Record<string, Constraint>;
-    /**
-     * An object describing the result of the last submission
-     */
-    lastResult?: SubmissionResult<FormError> | null | undefined;
-    /**
-     * Define when conform should start validation.
-     * Support "onSubmit", "onInput", "onBlur".
-     *
-     * @default "onSubmit"
-     */
-    shouldValidate?: 'onSubmit' | 'onBlur' | 'onInput';
-    /**
-     * Define when conform should revalidate again.
-     * Support "onSubmit", "onInput", "onBlur".
-     *
-     * @default Same as shouldValidate, or "onSubmit" if shouldValidate is not provided.
-     */
-    shouldRevalidate?: 'onSubmit' | 'onBlur' | 'onInput';
-    /**
-     * Define if conform should considered the field for dirty state.
-     * e.g. Excluding form fields that are not managed by Conform, such as CSRF token
-     */
-    shouldDirtyConsider?: (name: string) => boolean;
-    /**
-     * A function to be called when the form should be (re)validated.
-     */
-    onValidate?: (context: {
-        form: HTMLFormElement;
-        submitter: HTMLInputElement | HTMLButtonElement | null;
-        formData: FormData;
-    }) => Submission<Schema, FormError, FormValue>;
+	/**
+	 * The id of the form.
+	 */
+	formId: string;
+	/**
+	 * An object representing the initial value of the form.
+	 */
+	defaultValue?: DefaultValue<Schema>;
+	/**
+	 * An object describing the constraint of each field
+	 */
+	constraint?: Record<string, Constraint>;
+	/**
+	 * An object describing the result of the last submission
+	 */
+	lastResult?: SubmissionResult<FormError> | null | undefined;
+	/**
+	 * Define when conform should start validation.
+	 * Support "onSubmit", "onInput", "onBlur".
+	 *
+	 * @default "onSubmit"
+	 */
+	shouldValidate?: 'onSubmit' | 'onBlur' | 'onInput';
+	/**
+	 * Define when conform should revalidate again.
+	 * Support "onSubmit", "onInput", "onBlur".
+	 *
+	 * @default Same as shouldValidate, or "onSubmit" if shouldValidate is not provided.
+	 */
+	shouldRevalidate?: 'onSubmit' | 'onBlur' | 'onInput';
+	/**
+	 * Define if conform should considered the field for dirty state.
+	 * e.g. Excluding form fields that are not managed by Conform, such as CSRF token
+	 */
+	shouldDirtyConsider?: (name: string) => boolean;
+	/**
+	 * A function to be called when the form should be (re)validated.
+	 */
+	onValidate?: (context: {
+		form: HTMLFormElement;
+		submitter: HTMLInputElement | HTMLButtonElement | null;
+		formData: FormData;
+	}) => Submission<Schema, FormError, FormValue>;
 };
 export type SubscriptionSubject = {
-    [key in 'error' | 'initialValue' | 'value' | 'key' | 'valid' | 'dirty']?: SubscriptionScope;
+	[key in
+		| 'error'
+		| 'initialValue'
+		| 'value'
+		| 'key'
+		| 'valid'
+		| 'dirty']?: SubscriptionScope;
 } & {
-    formId?: boolean;
-    status?: boolean;
+	formId?: boolean;
+	status?: boolean;
 };
 export type SubscriptionScope = {
-    prefix?: string[];
-    name?: string[];
+	prefix?: string[];
+	name?: string[];
 };
 export type ControlButtonProps = {
-    name: string;
-    value: string;
-    form: string;
-    formNoValidate: boolean;
+	name: string;
+	value: string;
+	form: string;
+	formNoValidate: boolean;
 };
-export type FormContext<Schema extends Record<string, any> = any, FormError = string[], FormValue = Schema> = {
-    getFormId(): string;
-    submit(event: SubmitEvent): {
-        formData: FormData;
-        action: ReturnType<typeof getFormAction>;
-        encType: ReturnType<typeof getFormEncType>;
-        method: ReturnType<typeof getFormMethod>;
-        submission?: Submission<Schema, FormError, FormValue>;
-    };
-    onReset(event: Event): void;
-    onInput(event: Event): void;
-    onBlur(event: Event): void;
-    onUpdate(options: Partial<FormOptions<Schema, FormError, FormValue>>): void;
-    observe(): () => void;
-    subscribe(callback: () => void, getSubject?: () => SubscriptionSubject | undefined): () => void;
-    getState(): FormState<FormError>;
-    getSerializedState(): string;
+export type FormContext<
+	Schema extends Record<string, any> = any,
+	FormError = string[],
+	FormValue = Schema,
+> = {
+	getFormId(): string;
+	submit(event: SubmitEvent): {
+		formData: FormData;
+		action: ReturnType<typeof getFormAction>;
+		encType: ReturnType<typeof getFormEncType>;
+		method: ReturnType<typeof getFormMethod>;
+		submission?: Submission<Schema, FormError, FormValue>;
+	};
+	onReset(event: Event): void;
+	onInput(event: Event): void;
+	onBlur(event: Event): void;
+	onUpdate(options: Partial<FormOptions<Schema, FormError, FormValue>>): void;
+	observe(): () => void;
+	subscribe(
+		callback: () => void,
+		getSubject?: () => SubscriptionSubject | undefined,
+	): () => void;
+	getState(): FormState<FormError>;
+	getSerializedState(): string;
 } & {
-    [Type in Intent['type']]: {} extends Extract<Intent, {
-        type: Type;
-    }>['payload'] ? (<FieldSchema = Schema>(payload?: Extract<Intent<FieldSchema>, {
-        type: Type;
-    }>['payload']) => void) & {
-        getButtonProps<FieldSchema = Schema>(payload?: Extract<Intent<FieldSchema>, {
-            type: Type;
-        }>['payload']): ControlButtonProps;
-    } : (<FieldSchema = Schema>(payload: Extract<Intent<FieldSchema>, {
-        type: Type;
-    }>['payload']) => void) & {
-        getButtonProps<FieldSchema = Schema>(payload: Extract<Intent<FieldSchema>, {
-            type: Type;
-        }>['payload']): ControlButtonProps;
-    };
+	[Type in Intent['type']]: {} extends Extract<
+		Intent,
+		{
+			type: Type;
+		}
+	>['payload']
+		? (<FieldSchema = Schema>(
+				payload?: Extract<
+					Intent<FieldSchema>,
+					{
+						type: Type;
+					}
+				>['payload'],
+			) => void) & {
+				getButtonProps<FieldSchema = Schema>(
+					payload?: Extract<
+						Intent<FieldSchema>,
+						{
+							type: Type;
+						}
+					>['payload'],
+				): ControlButtonProps;
+			}
+		: (<FieldSchema = Schema>(
+				payload: Extract<
+					Intent<FieldSchema>,
+					{
+						type: Type;
+					}
+				>['payload'],
+			) => void) & {
+				getButtonProps<FieldSchema = Schema>(
+					payload: Extract<
+						Intent<FieldSchema>,
+						{
+							type: Type;
+						}
+					>['payload'],
+				): ControlButtonProps;
+			};
 };
-export declare function createFormContext<Schema extends Record<string, any>, FormError = string[], FormValue = Schema>(options: FormOptions<Schema, FormError, FormValue>): FormContext<Schema, FormError, FormValue>;
+export declare function createFormContext<
+	Schema extends Record<string, any>,
+	FormError = string[],
+	FormValue = Schema,
+>(
+	options: FormOptions<Schema, FormError, FormValue>,
+): FormContext<Schema, FormError, FormValue>;
 export {};

package/form.js

@@ -74,7 +74,7 @@ function handleIntent(meta, intent, fields, initialized) {
         } = intent.payload;
         var _name2 = formdata.formatName(intent.payload.name, intent.payload.index);
         if (typeof value !== 'undefined') {
-          updateValue(meta, _name2 !== null && _name2 !== void 0 ? _name2 : '', submission.serialize(value));
+          updateValue(meta, _name2 !== null && _name2 !== void 0 ? _name2 : '', value);
         }
         if (typeof validated !== 'undefined') {
           // Clean up previous validated state

package/form.mjs

@@ -70,7 +70,7 @@ function handleIntent(meta, intent, fields, initialized) {
         } = intent.payload;
         var _name2 = formatName(intent.payload.name, intent.payload.index);
         if (typeof value !== 'undefined') {
-          updateValue(meta, _name2 !== null && _name2 !== void 0 ? _name2 : '', serialize(value));
+          updateValue(meta, _name2 !== null && _name2 !== void 0 ? _name2 : '', value);
         }
         if (typeof validated !== 'undefined') {
           // Clean up previous validated state

package/formdata.d.ts

@@ -55,7 +55,7 @@ export declare function normalize(value: unknown, acceptFile?: boolean): unknown
 /**
  * Flatten a tree into a dictionary
  */
-export declare function flatten(data: Record<string | number | symbol, unknown> | Array<unknown> | undefined, options?: {
-    resolve?: (data: unknown) => unknown | null;
+export declare function flatten(data: unknown, options?: {
+    resolve?: (data: unknown) => unknown;
     prefix?: string;
 }): Record<string, unknown>;

package/formdata.js

@@ -174,51 +174,29 @@ function normalize(value) {
 /**
  * Flatten a tree into a dictionary
  */
-function flatten(data, options) {
+function flatten(data) {
   var _options$resolve;
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var result = {};
-  var resolve = (_options$resolve = options === null || options === void 0 ? void 0 : options.resolve) !== null && _options$resolve !== void 0 ? _options$resolve : data => data;
-  function setResult(data, name) {
+  var resolve = (_options$resolve = options.resolve) !== null && _options$resolve !== void 0 ? _options$resolve : data => data;
+  function process(data, prefix) {
     var value = normalize(resolve(data));
     if (typeof value !== 'undefined') {
-      result[name] = value;
+      result[prefix] = value;
     }
-  }
-  function processObject(obj, prefix) {
-    setResult(obj, prefix);
-    for (var [key, _value] of Object.entries(obj)) {
-      var name = prefix ? "".concat(prefix, ".").concat(key) : key;
-      if (Array.isArray(_value)) {
-        processArray(_value, name);
-      } else if (_value && isPlainObject(_value)) {
-        processObject(_value, name);
-      } else {
-        setResult(_value, name);
+    if (Array.isArray(data)) {
+      for (var i = 0; i < data.length; i++) {
+        process(data[i], "".concat(prefix, "[").concat(i, "]"));
       }
-    }
-  }
-  function processArray(array, prefix) {
-    setResult(array, prefix);
-    for (var i = 0; i < array.length; i++) {
-      var item = array[i];
-      var name = "".concat(prefix, "[").concat(i, "]");
-      if (Array.isArray(item)) {
-        processArray(item, name);
-      } else if (item && isPlainObject(item)) {
-        processObject(item, name);
-      } else {
-        setResult(item, name);
+    } else if (isPlainObject(data)) {
+      for (var [key, _value] of Object.entries(data)) {
+        process(_value, prefix ? "".concat(prefix, ".").concat(key) : key);
       }
     }
   }
   if (data) {
     var _options$prefix;
-    var prefix = (_options$prefix = options === null || options === void 0 ? void 0 : options.prefix) !== null && _options$prefix !== void 0 ? _options$prefix : '';
-    if (Array.isArray(data)) {
-      processArray(data, prefix);
-    } else {
-      processObject(data, prefix);
-    }
+    process(data, (_options$prefix = options.prefix) !== null && _options$prefix !== void 0 ? _options$prefix : '');
   }
   return result;
 }

package/formdata.mjs

@@ -170,51 +170,29 @@ function normalize(value) {
 /**
  * Flatten a tree into a dictionary
  */
-function flatten(data, options) {
+function flatten(data) {
   var _options$resolve;
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var result = {};
-  var resolve = (_options$resolve = options === null || options === void 0 ? void 0 : options.resolve) !== null && _options$resolve !== void 0 ? _options$resolve : data => data;
-  function setResult(data, name) {
+  var resolve = (_options$resolve = options.resolve) !== null && _options$resolve !== void 0 ? _options$resolve : data => data;
+  function process(data, prefix) {
     var value = normalize(resolve(data));
     if (typeof value !== 'undefined') {
-      result[name] = value;
+      result[prefix] = value;
     }
-  }
-  function processObject(obj, prefix) {
-    setResult(obj, prefix);
-    for (var [key, _value] of Object.entries(obj)) {
-      var name = prefix ? "".concat(prefix, ".").concat(key) : key;
-      if (Array.isArray(_value)) {
-        processArray(_value, name);
-      } else if (_value && isPlainObject(_value)) {
-        processObject(_value, name);
-      } else {
-        setResult(_value, name);
+    if (Array.isArray(data)) {
+      for (var i = 0; i < data.length; i++) {
+        process(data[i], "".concat(prefix, "[").concat(i, "]"));
       }
-    }
-  }
-  function processArray(array, prefix) {
-    setResult(array, prefix);
-    for (var i = 0; i < array.length; i++) {
-      var item = array[i];
-      var name = "".concat(prefix, "[").concat(i, "]");
-      if (Array.isArray(item)) {
-        processArray(item, name);
-      } else if (item && isPlainObject(item)) {
-        processObject(item, name);
-      } else {
-        setResult(item, name);
+    } else if (isPlainObject(data)) {
+      for (var [key, _value] of Object.entries(data)) {
+        process(_value, prefix ? "".concat(prefix, ".").concat(key) : key);
       }
     }
   }
   if (data) {
     var _options$prefix;
-    var prefix = (_options$prefix = options === null || options === void 0 ? void 0 : options.prefix) !== null && _options$prefix !== void 0 ? _options$prefix : '';
-    if (Array.isArray(data)) {
-      processArray(data, prefix);
-    } else {
-      processObject(data, prefix);
-    }
+    process(data, (_options$prefix = options.prefix) !== null && _options$prefix !== void 0 ? _options$prefix : '');
   }
   return result;
 }

package/index.d.ts

@@ -1,4 +1,26 @@
-export { type Combine, type Constraint, type ControlButtonProps, type FormId, type FieldName, type DefaultValue, type FormValue, type FormOptions, type FormState, type FormContext, type SubscriptionSubject, type SubscriptionScope, createFormContext as unstable_createFormContext, } from './form';
+export {
+	type Combine,
+	type Constraint,
+	type ControlButtonProps,
+	type FormId,
+	type FieldName,
+	type DefaultValue,
+	type FormValue,
+	type FormOptions,
+	type FormState,
+	type FormContext,
+	type SubscriptionSubject,
+	type SubscriptionScope,
+	createFormContext as unstable_createFormContext,
+} from './form';
 export { type FieldElement, isFieldElement } from './dom';
-export { type Submission, type SubmissionResult, type Intent, INTENT, STATE, serializeIntent, parse, } from './submission';
+export {
+	type Submission,
+	type SubmissionResult,
+	type Intent,
+	INTENT,
+	STATE,
+	serializeIntent,
+	parse,
+} from './submission';
 export { getPaths, formatPaths, isPrefix } from './formdata';