@conform-to/dom 1.13.0 → 1.13.2

package/README.md

@@ -7,7 +7,7 @@
  ╚══════╝  ╚═════╝  ╚═╝  ╚══╝ ╚═╝        ╚═════╝  ╚═╝   ╚═╝ ╚═╝   ╚═╝
 ```
 
-Version 1.13.0 / License MIT / Copyright (c) 2025 Edmund Hung
+Version 1.13.2 / 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/dom.d.ts

@@ -83,7 +83,7 @@ export declare function focus(element: HTMLInputElement | HTMLSelectElement | HT
  */
 export declare function blur(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
 export declare function normalizeStringValues(value: unknown): string[] | undefined;
-export declare function normalizeFileValues(value: unknown): FileList | undefined;
+export declare function normalizeFileValues(value: unknown): File[] | undefined;
 /**
  * Retrieves the default value of a form field element by reading the DOM's
  * defaultValue, defaultChecked, or defaultSelected properties.

package/dist/dom.js

@@ -396,11 +396,11 @@ function normalizeStringValues(value) {
 }
 function normalizeFileValues(value) {
   if (typeof value === 'undefined') return undefined;
-  if (value === null) return createFileList([]);
-  if (isGlobalInstance(value, 'File')) return createFileList(value.name === '' && value.size === 0 ? [] : [value]);
-  if (isGlobalInstance(value, 'FileList')) return value;
+  if (value === null) return [];
+  if (isGlobalInstance(value, 'File')) return value.name === '' && value.size === 0 ? [] : [value];
+  if (isGlobalInstance(value, 'FileList')) return Array.from(value);
   if (Array.isArray(value) && value.every(item => isGlobalInstance(item, 'File'))) {
-    return createFileList(value);
+    return value;
   }
   throw new Error('Expected File, FileList or File[] for file input');
 }
@@ -453,9 +453,11 @@ function updateField(element, options) {
     switch (element.type) {
       case 'file':
         {
+          var _element$files;
           var files = normalizeFileValues(options.value);
-          if (files && element.files !== files) {
-            element.files = files;
+          var currentFiles = Array.from((_element$files = element.files) !== null && _element$files !== void 0 ? _element$files : []);
+          if (files && (files.length !== currentFiles.length || files.some((file, i) => file !== currentFiles[i]))) {
+            element.files = createFileList(files);
             isChanged = true;
           }
           return isChanged;
@@ -525,7 +527,7 @@ function updateField(element, options) {
 
     // If the select element is not multiple and the value is an empty array, unset the selected index
     // This is to prevent the select element from showing the first option as selected
-    if (shouldUnselect) {
+    if (shouldUnselect && element.selectedIndex !== -1) {
       element.selectedIndex = -1;
       isChanged = true;
     }
@@ -564,14 +566,14 @@ function updateField(element, options) {
   return isChanged;
 }
 function isDirtyInput(element) {
-  var _element$files$length, _element$files;
+  var _element$files$length, _element$files2;
   if (isInputElement(element)) {
     switch (element.type) {
       case 'checkbox':
       case 'radio':
         return element.checked !== element.defaultChecked;
       case 'file':
-        return ((_element$files$length = (_element$files = element.files) === null || _element$files === void 0 ? void 0 : _element$files.length) !== null && _element$files$length !== void 0 ? _element$files$length : 0) > 0;
+        return ((_element$files$length = (_element$files2 = element.files) === null || _element$files2 === void 0 ? void 0 : _element$files2.length) !== null && _element$files$length !== void 0 ? _element$files$length : 0) > 0;
       default:
         return element.value !== element.defaultValue;
     }

package/dist/dom.mjs

@@ -392,11 +392,11 @@ function normalizeStringValues(value) {
 }
 function normalizeFileValues(value) {
   if (typeof value === 'undefined') return undefined;
-  if (value === null) return createFileList([]);
-  if (isGlobalInstance(value, 'File')) return createFileList(value.name === '' && value.size === 0 ? [] : [value]);
-  if (isGlobalInstance(value, 'FileList')) return value;
+  if (value === null) return [];
+  if (isGlobalInstance(value, 'File')) return value.name === '' && value.size === 0 ? [] : [value];
+  if (isGlobalInstance(value, 'FileList')) return Array.from(value);
   if (Array.isArray(value) && value.every(item => isGlobalInstance(item, 'File'))) {
-    return createFileList(value);
+    return value;
   }
   throw new Error('Expected File, FileList or File[] for file input');
 }
@@ -449,9 +449,11 @@ function updateField(element, options) {
     switch (element.type) {
       case 'file':
         {
+          var _element$files;
           var files = normalizeFileValues(options.value);
-          if (files && element.files !== files) {
-            element.files = files;
+          var currentFiles = Array.from((_element$files = element.files) !== null && _element$files !== void 0 ? _element$files : []);
+          if (files && (files.length !== currentFiles.length || files.some((file, i) => file !== currentFiles[i]))) {
+            element.files = createFileList(files);
             isChanged = true;
           }
           return isChanged;
@@ -521,7 +523,7 @@ function updateField(element, options) {
 
     // If the select element is not multiple and the value is an empty array, unset the selected index
     // This is to prevent the select element from showing the first option as selected
-    if (shouldUnselect) {
+    if (shouldUnselect && element.selectedIndex !== -1) {
       element.selectedIndex = -1;
       isChanged = true;
     }
@@ -560,14 +562,14 @@ function updateField(element, options) {
   return isChanged;
 }
 function isDirtyInput(element) {
-  var _element$files$length, _element$files;
+  var _element$files$length, _element$files2;
   if (isInputElement(element)) {
     switch (element.type) {
       case 'checkbox':
       case 'radio':
         return element.checked !== element.defaultChecked;
       case 'file':
-        return ((_element$files$length = (_element$files = element.files) === null || _element$files === void 0 ? void 0 : _element$files.length) !== null && _element$files$length !== void 0 ? _element$files$length : 0) > 0;
+        return ((_element$files$length = (_element$files2 = element.files) === null || _element$files2 === void 0 ? void 0 : _element$files2.length) !== null && _element$files$length !== void 0 ? _element$files$length : 0) > 0;
       default:
         return element.value !== element.defaultValue;
     }

package/package.json

@@ -3,7 +3,7 @@
   "description": "A set of opinionated helpers built on top of the Constraint Validation API",
   "homepage": "https://conform.guide",
   "license": "MIT",
-  "version": "1.13.0",
+  "version": "1.13.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",