@conform-to/react 1.14.1 → 1.15.1

package/README.md

@@ -7,7 +7,7 @@
  ╚══════╝  ╚═════╝  ╚═╝  ╚══╝ ╚═╝        ╚═════╝  ╚═╝   ╚═╝ ╚═╝   ╚═╝
 ```
 
-Version 1.14.1 / License MIT / Copyright (c) 2025 Edmund Hung
+Version 1.15.1 / License MIT / Copyright (c) 2025 Edmund Hung
 
 Progressively enhance HTML forms with React. Build resilient, type-safe forms with no hassle using web standards.
 

package/dist/future/dom.js

@@ -29,9 +29,18 @@ function initializeField(element, options) {
   }
   var defaultValue = typeof (options === null || options === void 0 ? void 0 : options.value) === 'string' || typeof (options === null || options === void 0 ? void 0 : options.defaultChecked) === 'boolean' ? options.defaultChecked ? (_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : 'on' : null : options === null || options === void 0 ? void 0 : options.defaultValue;
 
-  // Update the value of the element, including the default value
+  // Use change helper to set value and dispatch events
+  // This syncs React's internal value tracker so subsequent
+  // programmatic changes will properly trigger onChange
+  if (defaultValue !== undefined) {
+    future.change(element, defaultValue, {
+      // To avoid triggering validation on initialization
+      preventDefault: true
+    });
+  }
+
+  // Set the default value after change to preserve it for form reset
   future.updateField(element, {
-    value: defaultValue,
     defaultValue
   });
   element.dataset.conform = 'initialized';

package/dist/future/dom.mjs

@@ -1,4 +1,4 @@
-import { updateField, isGlobalInstance, isFieldElement, requestIntent, getValueAtPath, change } from '@conform-to/dom/future';
+import { change, updateField, isGlobalInstance, isFieldElement, requestIntent, getValueAtPath } from '@conform-to/dom/future';
 import { serializeIntent } from './intent.mjs';
 
 function getFormElement(formRef) {
@@ -25,9 +25,18 @@ function initializeField(element, options) {
   }
   var defaultValue = typeof (options === null || options === void 0 ? void 0 : options.value) === 'string' || typeof (options === null || options === void 0 ? void 0 : options.defaultChecked) === 'boolean' ? options.defaultChecked ? (_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : 'on' : null : options === null || options === void 0 ? void 0 : options.defaultValue;
 
-  // Update the value of the element, including the default value
+  // Use change helper to set value and dispatch events
+  // This syncs React's internal value tracker so subsequent
+  // programmatic changes will properly trigger onChange
+  if (defaultValue !== undefined) {
+    change(element, defaultValue, {
+      // To avoid triggering validation on initialization
+      preventDefault: true
+    });
+  }
+
+  // Set the default value after change to preserve it for form reset
   updateField(element, {
-    value: defaultValue,
     defaultValue
   });
   element.dataset.conform = 'initialized';

package/dist/future/hooks.d.ts

@@ -1,6 +1,6 @@
-import { type FormValue, type Serialize, type SubmissionResult, createGlobalFormsObserver } from '@conform-to/dom/future';
+import { type FieldName, type FormValue, type Serialize, type SubmissionResult, createGlobalFormsObserver } from '@conform-to/dom/future';
 import { useEffect } from 'react';
-import type { FormContext, IntentDispatcher, FormMetadata, Fieldset, GlobalFormOptions, FormOptions, FieldName, FieldMetadata, Control, Selector, UseFormDataOptions, ValidateHandler, ErrorHandler, SubmitHandler, FormState, FormRef, BaseErrorShape, DefaultErrorShape, BaseSchemaType, InferInput, InferOutput } from './types';
+import type { FormContext, IntentDispatcher, FormMetadata, Fieldset, GlobalFormOptions, FormOptions, FieldMetadata, Control, Selector, UseFormDataOptions, ValidateHandler, ErrorHandler, SubmitHandler, FormState, FormRef, BaseErrorShape, DefaultErrorShape, BaseSchemaType, InferInput, InferOutput } from './types';
 import { StandardSchemaV1 } from './standard-schema';
 export declare const INITIAL_KEY = "INITIAL_KEY";
 export declare const GlobalFormOptionsContext: import("react").Context<GlobalFormOptions & {

package/dist/future/index.d.ts

@@ -1,6 +1,6 @@
-export type { FormError, FormValue, Submission, SubmissionResult, } from '@conform-to/dom/future';
-export { parseSubmission, report, isDirty } from '@conform-to/dom/future';
-export type { Control, DefaultValue, BaseMetadata, CustomMetadata, CustomMetadataDefinition, BaseErrorShape, CustomTypes, FormContext, FormMetadata, FormOptions, FormRef, FieldMetadata, FieldName, Fieldset, IntentDispatcher, } from './types';
+export type { FieldName, FormError, FormValue, Submission, SubmissionResult, } from '@conform-to/dom/future';
+export { getFieldValue, parseSubmission, report, isDirty, } from '@conform-to/dom/future';
+export type { Control, DefaultValue, BaseMetadata, CustomMetadata, CustomMetadataDefinition, BaseErrorShape, CustomTypes, FormContext, FormMetadata, FormOptions, FormRef, FieldMetadata, Fieldset, IntentDispatcher, } from './types';
 export { FormProvider, FormOptionsProvider, useControl, useField, useForm, useFormData, useFormMetadata, useIntent, } from './hooks';
 export { memoize } from './memoize';
 //# sourceMappingURL=index.d.ts.map

package/dist/future/index.js

@@ -8,6 +8,10 @@ var memoize = require('./memoize.js');
 
 
 
+Object.defineProperty(exports, 'getFieldValue', {
+	enumerable: true,
+	get: function () { return future.getFieldValue; }
+});
 Object.defineProperty(exports, 'isDirty', {
 	enumerable: true,
 	get: function () { return future.isDirty; }

package/dist/future/index.mjs

@@ -1,3 +1,3 @@
-export { isDirty, parseSubmission, report } from '@conform-to/dom/future';
+export { getFieldValue, isDirty, parseSubmission, report } from '@conform-to/dom/future';
 export { FormOptionsProvider, FormProvider, useControl, useField, useForm, useFormData, useFormMetadata, useIntent } from './hooks.mjs';
 export { memoize } from './memoize.mjs';

package/dist/future/state.d.ts

@@ -1,5 +1,5 @@
-import { type ValidationAttributes, type Serialize } from '@conform-to/dom/future';
-import type { FieldMetadata, FieldName, Fieldset, FormContext, FormMetadata, FormState, FormAction, UnknownIntent, ActionHandler, CustomMetadataDefinition } from './types';
+import { type FieldName, type ValidationAttributes, type Serialize } from '@conform-to/dom/future';
+import type { FieldMetadata, Fieldset, FormContext, FormMetadata, FormState, FormAction, UnknownIntent, ActionHandler, CustomMetadataDefinition } from './types';
 export declare function initializeState<ErrorShape>(options?: {
     defaultValue?: Record<string, unknown> | null | undefined;
     resetKey?: string | undefined;

package/dist/future/types.d.ts

@@ -1,4 +1,4 @@
-import type { FormError, FormValue, Serialize, SubmissionResult, ValidationAttributes } from '@conform-to/dom/future';
+import type { FieldName, FormError, FormValue, Serialize, SubmissionResult, ValidationAttributes } from '@conform-to/dom/future';
 import type { StandardSchemaV1 } from './standard-schema';
 export type Prettify<T> = {
     [K in keyof T]: T[K];
@@ -182,10 +182,6 @@ export interface FormContext<ErrorShape extends BaseErrorShape = DefaultErrorSha
     /** Blur event handler for form-wide blur events */
     handleBlur: (event: React.FocusEvent) => void;
 }
-/** The name of an input field with type information for TypeScript inference. */
-export type FieldName<FieldShape> = string & {
-    '~shape'?: FieldShape;
-};
 export type UnknownIntent = {
     type: string;
     payload?: unknown;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Conform view adapter for react",
   "homepage": "https://conform.guide",
   "license": "MIT",
-  "version": "1.14.1",
+  "version": "1.15.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -41,7 +41,7 @@
     "url": "https://github.com/edmundhung/conform/issues"
   },
   "dependencies": {
-    "@conform-to/dom": "1.14.1"
+    "@conform-to/dom": "1.15.1"
   },
   "devDependencies": {
     "@babel/core": "^7.17.8",