@conform-to/react 1.15.0 → 1.15.1

package/README.md

@@ -7,7 +7,7 @@
  ╚══════╝  ╚═════╝  ╚═╝  ╚══╝ ╚═╝        ╚═════╝  ╚═╝   ╚═╝ ╚═╝   ╚═╝
 ```
 
-Version 1.15.0 / 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/package.json

@@ -3,7 +3,7 @@
   "description": "Conform view adapter for react",
   "homepage": "https://conform.guide",
   "license": "MIT",
-  "version": "1.15.0",
+  "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.15.0"
+    "@conform-to/dom": "1.15.1"
   },
   "devDependencies": {
     "@babel/core": "^7.17.8",